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 #CDD4C4 to #CDC4D4 and to #D4CDC4
#CDD4C4#CDD4C4#CDD4C4#CDD4C4#CDD4C4#CDD4C4#CDD4C4
#CDD1C7#CDD1C7#CDD2C6#CDD2C6#CED2C5#CED3C5#CED3C4
#CDCFC9#CDCFC8#CED0C7#CED0C7#CED1C6#CFD1C5#CFD2C4
#CDCCCC#CDCDCB#CECEC9#CECEC8#CFCFC7#CFD0C6#D0D1C4
#CDCACE#CECBCC#CECCCB#CFCDC9#D0CEC8#D0CFC6#D1D0C4
#CDC7D1#CEC8CF#CFC9CD#D0CACB#D1CBC9#D2CDC7#D3CEC4
#CDC4D4#CEC5D1#CFC7CF#D0C8CC#D1CACA#D3CBC7#D4CDC4

Colorpallet from #CDD4C4 to #CDC4D4 and to #D4C4CD
#CDD4C4#CDD4C4#CDD4C4#CDD4C4#CDD4C4#CDD4C4#CDD4C4
#CDD1C7#CDD1C7#CDD1C6#CDD1C6#CED1C6#CED1C5#CED1C5
#CDCFC9#CDCFC9#CECFC8#CECFC8#CECFC8#CFCFC7#CFCFC7
#CDCCCC#CDCCCB#CECCCB#CECCCA#CFCCC9#CFCCC9#D0CCC8
#CDCACE#CECACD#CECACD#CFCACC#D0CACB#D0CACB#D1CACA
#CDC7D1#CEC7D0#CFC7CF#D0C7CE#D1C7CD#D2C7CC#D3C7CB
#CDC4D4#CEC4D3#CFC4D2#D0C4D1#D1C4D0#D3C4CE#D4C4CD

Colorpallet from #CDD4C4 to #CDC4D4 and to #C4CDD4
#CDD4C4#CDD4C4#CDD4C4#CDD4C4#CDD4C4#CDD4C4#CDD4C4
#CDD1C7#CDD1C7#CDD2C7#CDD2C7#CCD2C7#CCD3C7#CCD3C7
#CDCFC9#CDCFC9#CCD0C9#CCD0C9#CBD1C9#CBD1C9#CAD2C9
#CDCCCC#CCCDCC#CCCECC#CBCECC#CACFCC#CAD0CC#C9D1CC
#CDCACE#CCCBCE#CBCCCE#CACDCE#C9CECE#C8CFCE#C7D0CE
#CDC7D1#CCC8D1#CBC9D1#CACAD1#C9CBD1#C7CDD1#C6CED1
#CDC4D4#CCC5D4#CAC7D4#C9C8D4#C7CAD4#C6CBD4#C4CDD4

Colorpallet from #CDD4C4 to #CDC4D4 and to #C4D4CD
#CDD4C4#CDD4C4#CDD4C4#CDD4C4#CDD4C4#CDD4C4#CDD4C4
#CDD1C7#CDD1C7#CDD2C6#CDD2C6#CCD3C6#CCD3C5#CCD4C5
#CDCFC9#CDD0C9#CCD1C8#CCD1C8#CBD2C8#CBD3C7#CAD4C7
#CDCCCC#CCCDCB#CCCFCB#CBD0CA#CAD1C9#CAD2C9#C9D4C8
#CDCACE#CCCCCD#CBCDCD#CACFCC#C9D0CB#C8D2CB#C7D4CA
#CDC7D1#CCC9D0#CBCBCF#CACDCE#C9CFCD#C7D1CC#C6D4CB
#CDC4D4#CCC7D3#CAC9D2#C9CCD1#C7CED0#C6D1CE#C4D4CD

Colorpallet from #CDD4C4 to #D4CDC4 and to #D4C4CD
#CDD4C4#CDD4C4#CDD4C4#CDD4C4#CDD4C4#CDD4C4#CDD4C4
#CED3C4#CED3C4#CED2C4#CED2C4#CED2C5#CED1C5#CED1C5
#CFD2C4#CFD2C4#CFD1C5#CFD1C5#CFD0C6#CFD0C6#CFCFC7
#D0D1C4#D0D0C5#D0CFC5#D0CFC6#D0CEC7#D0CDC7#D0CCC8
#D1D0C4#D1CFC5#D1CEC6#D1CDC7#D1CCC8#D1CBC9#D1CACA
#D3CEC4#D3CDC5#D3CCC6#D3CBC7#D3CAC8#D3C8CA#D3C7CB
#D4CDC4#D4CCC5#D4CAC7#D4C9C8#D4C7CA#D4C6CB#D4C4CD

Colorpallet from #CDD4C4 to #D4CDC4 and to #C4CDD4
#CDD4C4#CDD4C4#CDD4C4#CDD4C4#CDD4C4#CDD4C4#CDD4C4
#CED3C4#CED3C4#CDD3C5#CDD3C5#CDD3C6#CCD3C6#CCD3C7
#CFD2C4#CED2C5#CDD2C6#CDD2C6#CCD2C7#CBD2C8#CAD2C9
#D0D1C4#CFD1C5#CED1C7#CDD1C8#CCD1C9#CAD1CA#C9D1CC
#D1D0C4#CFD0C6#CED0C7#CCD0C9#CBD0CA#C9D0CC#C7D0CE
#D3CEC4#D1CEC6#CFCEC8#CDCECA#CBCECC#C9CECE#C6CED1
#D4CDC4#D1CDC7#CFCDC9#CCCDCC#CACDCE#C7CDD1#C4CDD4

Colorpallet from #CDD4C4 to #D4CDC4 and to #C4D4CD
#CDD4C4#CDD4C4#CDD4C4#CDD4C4#CDD4C4#CDD4C4#CDD4C4
#CED3C4#CED3C4#CDD3C4#CDD3C4#CDD4C5#CCD4C5#CCD4C5
#CFD2C4#CED2C4#CDD3C5#CDD3C5#CCD3C6#CBD4C6#CAD4C7
#D0D1C4#CFD1C5#CED2C5#CDD2C6#CCD3C7#CAD3C7#C9D4C8
#D1D0C4#CFD1C5#CED1C6#CCD2C7#CBD3C8#C9D3C9#C7D4CA
#D3CEC4#D1CFC5#CFD0C6#CDD1C7#CBD2C8#C9D3CA#C6D4CB
#D4CDC4#D1CEC5#CFCFC7#CCD0C8#CAD1CA#C7D3CB#C4D4CD

Colorpallet from #CDD4C4 to #D4C4CD and to #C4CDD4
#CDD4C4#CDD4C4#CDD4C4#CDD4C4#CDD4C4#CDD4C4#CDD4C4
#CED1C5#CED1C5#CDD2C6#CDD2C6#CDD2C6#CCD3C7#CCD3C7
#CFCFC7#CECFC7#CDD0C8#CDD0C8#CCD1C8#CBD1C9#CAD2C9
#D0CCC8#CFCDC9#CECEC9#CDCECA#CCCFCB#CAD0CB#C9D1CC
#D1CACA#CFCBCB#CECCCB#CCCDCC#CBCECD#C9CFCD#C7D0CE
#D3C7CB#D1C8CC#CFC9CD#CDCACE#CBCBCF#C9CDD0#C6CED1
#D4C4CD#D1C5CE#CFC7CF#CCC8D0#CACAD1#C7CBD3#C4CDD4

Colorpallet from #CDD4C4 to #D4C4CD and to #C4D4CD
#CDD4C4#CDD4C4#CDD4C4#CDD4C4#CDD4C4#CDD4C4#CDD4C4
#CED1C5#CED1C5#CDD2C5#CDD2C5#CDD3C5#CCD3C5#CCD4C5
#CFCFC7#CED0C7#CDD1C7#CDD1C7#CCD2C7#CBD3C7#CAD4C7
#D0CCC8#CFCDC8#CECFC8#CDD0C8#CCD1C8#CAD2C8#C9D4C8
#D1CACA#CFCCCA#CECDCA#CCCFCA#CBD0CA#C9D2CA#C7D4CA
#D3C7CB#D1C9CB#CFCBCB#CDCDCB#CBCFCB#C9D1CB#C6D4CB
#D4C4CD#D1C7CD#CFC9CD#CCCCCD#CACECD#C7D1CD#C4D4CD

Colorpallet from #CDD4C4 to #C4CDD4 and to #C4D4CD
#CDD4C4#CDD4C4#CDD4C4#CDD4C4#CDD4C4#CDD4C4#CDD4C4
#CCD3C7#CCD3C7#CCD3C6#CCD3C6#CCD4C6#CCD4C5#CCD4C5
#CAD2C9#CAD2C9#CAD3C8#CAD3C8#CAD3C8#CAD4C7#CAD4C7
#C9D1CC#C9D1CB#C9D2CB#C9D2CA#C9D3C9#C9D3C9#C9D4C8
#C7D0CE#C7D1CD#C7D1CD#C7D2CC#C7D3CB#C7D3CB#C7D4CA
#C6CED1#C6CFD0#C6D0CF#C6D1CE#C6D2CD#C6D3CC#C6D4CB
#C4CDD4#C4CED3#C4CFD2#C4D0D1#C4D1D0#C4D3CE#C4D4CD