HTML Color Codes - Hex Colors - Color Spectrum

Select a startcolor to create spectrum
Restart from the basic HTML colors (RED, GREEN, BLUE)
Restart from a color using the colorpicker.
Click on a color in the spectum grid to refine the spectrum
and find the complementary html colors

Colorpallet from #CDD6AB to #CDABD6 and to #D6CDAB
#CDD6AB#CDD6AB#CDD6AB#CDD6AB#CDD6AB#CDD6AB#CDD6AB
#CDCFB2#CDD0B1#CDD1B0#CDD2AF#CED3AE#CED4AC#CED5AB
#CDC8B9#CDCAB7#CECCB5#CECDB2#CFCFB0#CFD1AE#D0D3AB
#CDC1C0#CEC4BD#CEC6B9#CFC9B6#D0CCB3#D0CFAF#D1D2AB
#CDBAC7#CEBEC3#CFC1BE#D0C5BA#D1C8B5#D2CCB1#D3D0AB
#CDB4CD#CEB8C8#CFBDC2#D0C1BD#D1C5B7#D3CAB2#D4CFAB
#CDABD6#CEB0CF#D0B6C8#D1BBC1#D3C1BA#D4C6B4#D6CDAB

Colorpallet from #CDD6AB to #CDABD6 and to #D6ABCD
#CDD6AB#CDD6AB#CDD6AB#CDD6AB#CDD6AB#CDD6AB#CDD6AB
#CDCFB2#CDCFB2#CDCFB1#CDCFB1#CECFB1#CECFB0#CECFB0
#CDC8B9#CDC8B9#CEC8B8#CEC8B8#CFC8B7#CFC8B7#D0C8B6
#CDC1C0#CEC1BF#CEC1BE#CFC1BE#D0C1BD#D0C1BC#D1C1BB
#CDBAC7#CEBAC6#CFBAC5#D0BAC4#D1BAC3#D2BAC2#D3BAC1
#CDB4CD#CEB4CC#CFB4CB#D0B4CA#D1B4C9#D3B4C7#D4B4C6
#CDABD6#CEABD5#D0ABD3#D1ABD2#D3ABD0#D4ABCF#D6ABCD

Colorpallet from #CDD6AB to #CDABD6 and to #ABCDD6
#CDD6AB#CDD6AB#CDD6AB#CDD6AB#CDD6AB#CDD6AB#CDD6AB
#CDCFB2#CCD0B2#CBD1B2#CBD2B2#CAD3B2#C9D4B2#C8D5B2
#CDC8B9#CBCAB9#C9CCB9#C8CDB9#C6CFB9#C4D1B9#C2D3B9
#CDC1C0#CAC4C0#C8C6C0#C5C9C0#C3CCC0#C0CFC0#BDD2C0
#CDBAC7#C9BEC7#C6C1C7#C2C5C7#BFC8C7#BBCCC7#B7D0C7
#CDB4CD#C9B8CD#C4BDCD#C0C1CD#BCC5CD#B7CACD#B2CFCD
#CDABD6#C8B0D6#C2B6D6#BDBBD6#B7C1D6#B2C6D6#ABCDD6

Colorpallet from #CDD6AB to #CDABD6 and to #ABD6CD
#CDD6AB#CDD6AB#CDD6AB#CDD6AB#CDD6AB#CDD6AB#CDD6AB
#CDCFB2#CCD0B2#CBD1B1#CBD2B1#CAD3B1#C9D5B0#C8D6B0
#CDC8B9#CBCAB9#C9CCB8#C8CFB8#C6D1B7#C4D3B7#C2D6B6
#CDC1C0#CAC4BF#C8C8BE#C5CBBE#C3CEBD#C0D2BC#BDD6BB
#CDBAC7#C9BEC6#C6C3C5#C2C7C4#BFCCC3#BBD0C2#B7D6C1
#CDB4CD#C9B9CC#C4BFCB#C0C4CA#BCCAC9#B7CFC7#B2D6C6
#CDABD6#C8B2D5#C2B9D3#BDC0D2#B7C7D0#B2CDCF#ABD6CD

Colorpallet from #CDD6AB to #D6CDAB and to #D6ABCD
#CDD6AB#CDD6AB#CDD6AB#CDD6AB#CDD6AB#CDD6AB#CDD6AB
#CED5AB#CED4AC#CED3AD#CED2AD#CED1AE#CED0AF#CECFB0
#D0D3AB#D0D1AD#D0CFAF#D0CEB0#D0CCB2#D0CAB4#D0C8B6
#D1D2AB#D1CFAE#D1CDB0#D1CAB3#D1C7B5#D1C4B8#D1C1BB
#D3D0AB#D3CCAF#D3C9B2#D3C5B6#D3C2B9#D3BEBD#D3BAC1
#D4CFAB#D4CBAF#D4C6B4#D4C2B8#D4BEBC#D4B9C1#D4B4C6
#D6CDAB#D6C8B0#D6C2B6#D6BDBB#D6B7C1#D6B2C6#D6ABCD

Colorpallet from #CDD6AB to #D6CDAB and to #ABCDD6
#CDD6AB#CDD6AB#CDD6AB#CDD6AB#CDD6AB#CDD6AB#CDD6AB
#CED5AB#CDD5AC#CCD5AD#CBD5AE#CAD5AF#C9D5B1#C8D5B2
#D0D3AB#CED3AD#CCD3AF#C9D3B2#C7D3B4#C5D3B6#C2D3B9
#D1D2AB#CED2AE#CBD2B2#C7D2B5#C4D2B8#C1D2BC#BDD2C0
#D3D0AB#CFD0AF#CAD0B4#C6D0B8#C1D0BD#BDD0C1#B7D0C7
#D4CFAB#CFCFB0#C9CFB6#C4CFBB#BECFC1#B9CFC6#B2CFCD
#D6CDAB#CFCDB2#C8CDB9#C1CDC0#BACDC7#B4CDCD#ABCDD6

Colorpallet from #CDD6AB to #D6CDAB and to #ABD6CD
#CDD6AB#CDD6AB#CDD6AB#CDD6AB#CDD6AB#CDD6AB#CDD6AB
#CED5AB#CDD5AC#CCD5AD#CBD5AD#CAD6AE#C9D6AF#C8D6B0
#D0D3AB#CED3AD#CCD4AF#C9D4B0#C7D5B2#C5D5B4#C2D6B6
#D1D2AB#CED3AE#CBD3B0#C7D4B3#C4D5B5#C1D5B8#BDD6BB
#D3D0AB#CFD1AF#CAD2B2#C6D3B6#C1D4B9#BDD5BD#B7D6C1
#D4CFAB#CFD0AF#C9D1B4#C4D2B8#BED3BC#B9D5C1#B2D6C6
#D6CDAB#CFCEB0#C8D0B6#C1D1BB#BAD3C1#B4D4C6#ABD6CD

Colorpallet from #CDD6AB to #D6ABCD and to #ABCDD6
#CDD6AB#CDD6AB#CDD6AB#CDD6AB#CDD6AB#CDD6AB#CDD6AB
#CECFB0#CDD0B0#CCD1B1#CBD2B1#CAD3B1#C9D4B2#C8D5B2
#D0C8B6#CECAB6#CCCCB7#C9CDB7#C7CFB8#C5D1B8#C2D3B9
#D1C1BB#CEC4BC#CBC6BD#C7C9BD#C4CCBE#C1CFBF#BDD2C0
#D3BAC1#CFBEC2#CAC1C3#C6C5C4#C1C8C5#BDCCC6#B7D0C7
#D4B4C6#CFB8C7#C9BDC8#C4C1C9#BEC5CA#B9CACC#B2CFCD
#D6ABCD#CFB0CE#C8B6D0#C1BBD1#BAC1D3#B4C6D4#ABCDD6

Colorpallet from #CDD6AB to #D6ABCD and to #ABD6CD
#CDD6AB#CDD6AB#CDD6AB#CDD6AB#CDD6AB#CDD6AB#CDD6AB
#CECFB0#CDD0B0#CCD1B0#CBD2B0#CAD3B0#C9D5B0#C8D6B0
#D0C8B6#CECAB6#CCCCB6#C9CFB6#C7D1B6#C5D3B6#C2D6B6
#D1C1BB#CEC4BB#CBC8BB#C7CBBB#C4CEBB#C1D2BB#BDD6BB
#D3BAC1#CFBEC1#CAC3C1#C6C7C1#C1CCC1#BDD0C1#B7D6C1
#D4B4C6#CFB9C6#C9BFC6#C4C4C6#BECAC6#B9CFC6#B2D6C6
#D6ABCD#CFB2CD#C8B9CD#C1C0CD#BAC7CD#B4CDCD#ABD6CD

Colorpallet from #CDD6AB to #ABCDD6 and to #ABD6CD
#CDD6AB#CDD6AB#CDD6AB#CDD6AB#CDD6AB#CDD6AB#CDD6AB
#C8D5B2#C8D5B2#C8D5B1#C8D5B1#C8D6B1#C8D6B0#C8D6B0
#C2D3B9#C2D3B9#C2D4B8#C2D4B8#C2D5B7#C2D5B7#C2D6B6
#BDD2C0#BDD3BF#BDD3BE#BDD4BE#BDD5BD#BDD5BC#BDD6BB
#B7D0C7#B7D1C6#B7D2C5#B7D3C4#B7D4C3#B7D5C2#B7D6C1
#B2CFCD#B2D0CC#B2D1CB#B2D2CA#B2D3C9#B2D5C7#B2D6C6
#ABCDD6#ABCED5#ABD0D3#ABD1D2#ABD3D0#ABD4CF#ABD6CD