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 #CDDAAE to #CDAEDA and to #DACDAE
#CDDAAE#CDDAAE#CDDAAE#CDDAAE#CDDAAE#CDDAAE#CDDAAE
#CDD3B5#CDD4B4#CED5B3#CED5B2#CED6B1#CFD7AF#CFD8AE
#CDCCBC#CECEBA#CECFB8#CFD1B5#D0D2B3#D0D4B1#D1D6AE
#CDC5C3#CEC7C0#CFCABC#D0CCB9#D1CFB6#D2D1B2#D3D4AE
#CDBECA#CEC1C6#D0C4C1#D1C8BD#D2CBB8#D3CEB4#D5D2AE
#CDB7D1#CFBBCB#D0BFC6#D2C3C0#D3C7BB#D5CBB5#D7D0AE
#CDAEDA#CFB3D3#D1B8CC#D3BDC5#D5C2BE#D7C7B7#DACDAE

Colorpallet from #CDDAAE to #CDAEDA and to #DAAECD
#CDDAAE#CDDAAE#CDDAAE#CDDAAE#CDDAAE#CDDAAE#CDDAAE
#CDD3B5#CDD3B5#CED3B4#CED3B4#CED3B4#CFD3B3#CFD3B3
#CDCCBC#CECCBB#CECCBB#CFCCBA#D0CCB9#D0CCB9#D1CCB8
#CDC5C3#CEC5C2#CFC5C1#D0C5C0#D1C5BF#D2C5BE#D3C5BD
#CDBECA#CEBEC9#D0BEC7#D1BEC6#D2BEC5#D3BEC4#D5BEC2
#CDB7D1#CFB7CF#D0B7CE#D2B7CC#D3B7CB#D5B7C9#D7B7C7
#CDAEDA#CFAED8#D1AED6#D3AED4#D5AED2#D7AED0#DAAECD

Colorpallet from #CDDAAE to #CDAEDA and to #AECDDA
#CDDAAE#CDDAAE#CDDAAE#CDDAAE#CDDAAE#CDDAAE#CDDAAE
#CDD3B5#CCD4B5#CBD5B5#CBD5B5#CAD6B5#C9D7B5#C8D8B5
#CDCCBC#CBCEBC#CACFBC#C8D1BC#C7D2BC#C5D4BC#C3D6BC
#CDC5C3#CBC7C3#C8CAC3#C6CCC3#C3CFC3#C1D1C3#BED4C3
#CDBECA#CAC1CA#C7C4CA#C3C8CA#C0CBCA#BDCECA#B9D2CA
#CDB7D1#C9BBD1#C5BFD1#C1C3D1#BDC7D1#B9CBD1#B4D0D1
#CDAEDA#C8B3DA#C3B8DA#BEBDDA#B9C2DA#B4C7DA#AECDDA

Colorpallet from #CDDAAE to #CDAEDA and to #AEDACD
#CDDAAE#CDDAAE#CDDAAE#CDDAAE#CDDAAE#CDDAAE#CDDAAE
#CDD3B5#CCD4B5#CBD5B4#CBD6B4#CAD7B4#C9D9B3#C8DAB3
#CDCCBC#CBCEBB#CAD0BB#C8D3BA#C7D5B9#C5D7B9#C3DAB8
#CDC5C3#CBC8C2#C8CCC1#C6CFC0#C3D2BF#C1D6BE#BEDABD
#CDBECA#CAC2C9#C7C7C7#C3CBC6#C0D0C5#BDD4C4#B9DAC2
#CDB7D1#C9BDCF#C5C2CE#C1C8CC#BDCDCB#B9D3C9#B4DAC7
#CDAEDA#C8B5D8#C3BCD6#BEC3D4#B9CAD2#B4D1D0#AEDACD

Colorpallet from #CDDAAE to #DACDAE and to #DAAECD
#CDDAAE#CDDAAE#CDDAAE#CDDAAE#CDDAAE#CDDAAE#CDDAAE
#CFD8AE#CFD7AF#CFD6B0#CFD6B0#CFD5B1#CFD4B2#CFD3B3
#D1D6AE#D1D4B0#D1D3B1#D1D1B3#D1D0B4#D1CEB6#D1CCB8
#D3D4AE#D3D2B0#D3CFB3#D3CDB5#D3CAB8#D3C8BA#D3C5BD
#D5D2AE#D5CFB1#D5CCB4#D5C8B8#D5C5BB#D5C2BE#D5BEC2
#D7D0AE#D7CCB2#D7C8B6#D7C4BA#D7C0BE#D7BCC2#D7B7C7
#DACDAE#DAC8B3#DAC3B8#DABEBD#DAB9C2#DAB4C7#DAAECD

Colorpallet from #CDDAAE to #DACDAE and to #AECDDA
#CDDAAE#CDDAAE#CDDAAE#CDDAAE#CDDAAE#CDDAAE#CDDAAE
#CFD8AE#CED8AF#CDD8B0#CCD8B1#CBD8B2#C9D8B4#C8D8B5
#D1D6AE#CFD6B0#CDD6B2#CAD6B5#C8D6B7#C6D6B9#C3D6BC
#D3D4AE#D0D4B1#CCD4B5#C9D4B8#C6D4BB#C2D4BF#BED4C3
#D5D2AE#D1D2B2#CCD2B7#C8D2BB#C3D2C0#BFD2C4#B9D2CA
#D7D0AE#D1D0B4#CCD0B9#C6D0BF#C1D0C4#BBD0CA#B4D0D1
#DACDAE#D3CDB5#CCCDBC#C5CDC3#BECDCA#B7CDD1#AECDDA

Colorpallet from #CDDAAE to #DACDAE and to #AEDACD
#CDDAAE#CDDAAE#CDDAAE#CDDAAE#CDDAAE#CDDAAE#CDDAAE
#CFD8AE#CED8AF#CDD9B0#CCD9B0#CBD9B1#C9DAB2#C8DAB3
#D1D6AE#CFD7B0#CDD7B1#CAD8B3#C8D9B4#C6D9B6#C3DAB8
#D3D4AE#D0D5B0#CCD6B3#C9D7B5#C6D8B8#C2D9BA#BEDABD
#D5D2AE#D1D3B1#CCD5B4#C8D6B8#C3D7BB#BFD8BE#B9DAC2
#D7D0AE#D1D2B2#CCD3B6#C6D5BA#C1D6BE#BBD8C2#B4DAC7
#DACDAE#D3CFB3#CCD1B8#C5D3BD#BED5C2#B7D7C7#AEDACD

Colorpallet from #CDDAAE to #DAAECD and to #AECDDA
#CDDAAE#CDDAAE#CDDAAE#CDDAAE#CDDAAE#CDDAAE#CDDAAE
#CFD3B3#CED4B3#CDD5B4#CCD5B4#CBD6B4#C9D7B5#C8D8B5
#D1CCB8#CFCEB9#CDCFB9#CAD1BA#C8D2BB#C6D4BB#C3D6BC
#D3C5BD#D0C7BE#CCCABF#C9CCC0#C6CFC1#C2D1C2#BED4C3
#D5BEC2#D1C1C3#CCC4C5#C8C8C6#C3CBC7#BFCEC8#B9D2CA
#D7B7C7#D1BBC9#CCBFCA#C6C3CC#C1C7CD#BBCBCF#B4D0D1
#DAAECD#D3B3CF#CCB8D1#C5BDD3#BEC2D5#B7C7D7#AECDDA

Colorpallet from #CDDAAE to #DAAECD and to #AEDACD
#CDDAAE#CDDAAE#CDDAAE#CDDAAE#CDDAAE#CDDAAE#CDDAAE
#CFD3B3#CED4B3#CDD5B3#CCD6B3#CBD7B3#C9D9B3#C8DAB3
#D1CCB8#CFCEB8#CDD0B8#CAD3B8#C8D5B8#C6D7B8#C3DAB8
#D3C5BD#D0C8BD#CCCCBD#C9CFBD#C6D2BD#C2D6BD#BEDABD
#D5BEC2#D1C2C2#CCC7C2#C8CBC2#C3D0C2#BFD4C2#B9DAC2
#D7B7C7#D1BDC7#CCC2C7#C6C8C7#C1CDC7#BBD3C7#B4DAC7
#DAAECD#D3B5CD#CCBCCD#C5C3CD#BECACD#B7D1CD#AEDACD

Colorpallet from #CDDAAE to #AECDDA and to #AEDACD
#CDDAAE#CDDAAE#CDDAAE#CDDAAE#CDDAAE#CDDAAE#CDDAAE
#C8D8B5#C8D8B5#C8D9B4#C8D9B4#C8D9B4#C8DAB3#C8DAB3
#C3D6BC#C3D7BB#C3D7BB#C3D8BA#C3D9B9#C3D9B9#C3DAB8
#BED4C3#BED5C2#BED6C1#BED7C0#BED8BF#BED9BE#BEDABD
#B9D2CA#B9D3C9#B9D5C7#B9D6C6#B9D7C5#B9D8C4#B9DAC2
#B4D0D1#B4D2CF#B4D3CE#B4D5CC#B4D6CB#B4D8C9#B4DAC7
#AECDDA#AECFD8#AED1D6#AED3D4#AED5D2#AED7D0#AEDACD