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 #CDDE9F to #CD9FDE and to #DECD9F
#CDDE9F#CDDE9F#CDDE9F#CDDE9F#CDDE9F#CDDE9F#CDDE9F
#CDD4A9#CDD5A7#CED6A6#CED7A4#CFD8A3#CFDAA1#D0DB9F
#CDCAB3#CECCB0#CFCFAD#CFD1A9#D0D4A6#D1D6A3#D2D99F
#CDC0BD#CEC4B8#D0C7B3#D1CBAF#D2CEAA#D3D2A5#D5D69F
#CDB6C7#CFBBC1#D1BFBA#D2C4B4#D4C9AD#D6CDA7#D8D39F
#CDACD1#CFB2C9#D1B8C1#D4BDB9#D6C3B1#D8C9A9#DBD09F
#CD9FDE#D0A6D4#D2AECA#D5B5C0#D8BCB6#DBC4AC#DECD9F

Colorpallet from #CDDE9F to #CD9FDE and to #DE9FCD
#CDDE9F#CDDE9F#CDDE9F#CDDE9F#CDDE9F#CDDE9F#CDDE9F
#CDD4A9#CDD4A9#CED4A8#CED4A8#CFD4A7#CFD4A7#D0D4A6
#CDCAB3#CECAB2#CFCAB1#CFCAB1#D0CAB0#D1CAAF#D2CAAE
#CDC0BD#CEC0BC#D0C0BA#D1C0B9#D2C0B8#D3C0B7#D5C0B5
#CDB6C7#CFB6C5#D1B6C3#D2B6C2#D4B6C0#D6B6BE#D8B6BC
#CDACD1#CFACCF#D1ACCD#D4ACCB#D6ACC9#D8ACC7#DBACC4
#CD9FDE#D09FDB#D29FD9#D59FD6#D89FD3#DB9FD0#DE9FCD

Colorpallet from #CDDE9F to #CD9FDE and to #9FCDDE
#CDDE9F#CDDE9F#CDDE9F#CDDE9F#CDDE9F#CDDE9F#CDDE9F
#CDD4A9#CCD5A9#CBD6A9#CAD7A9#C9D8A9#C7DAA9#C6DBA9
#CDCAB3#CBCCB3#C8CFB3#C6D1B3#C3D4B3#C1D6B3#BED9B3
#CDC0BD#C9C4BD#C6C7BD#C2CBBD#BFCEBD#BBD2BD#B7D6BD
#CDB6C7#C8BBC7#C4BFC7#BFC4C7#BAC9C7#B6CDC7#B0D3C7
#CDACD1#C7B2D1#C1B8D1#BBBDD1#B5C3D1#AFC9D1#A8D0D1
#CD9FDE#C6A6DE#BEAEDE#B7B5DE#B0BCDE#A8C4DE#9FCDDE

Colorpallet from #CDDE9F to #CD9FDE and to #9FDECD
#CDDE9F#CDDE9F#CDDE9F#CDDE9F#CDDE9F#CDDE9F#CDDE9F
#CDD4A9#CCD6A9#CBD7A8#CAD9A8#C9DAA7#C7DCA7#C6DEA6
#CDCAB3#CBCDB2#C8D0B1#C6D4B1#C3D7B0#C1DAAF#BEDEAE
#CDC0BD#C9C5BC#C6CABA#C2CEB9#BFD3B8#BBD8B7#B7DEB5
#CDB6C7#C8BCC5#C4C3C3#BFC9C2#BAD0C0#B6D6BE#B0DEBC
#CDACD1#C7B4CF#C1BCCD#BBC4CB#B5CCC9#AFD4C7#A8DEC4
#CD9FDE#C6A9DB#BEB3D9#B7BDD6#B0C7D3#A8D1D0#9FDECD

Colorpallet from #CDDE9F to #DECD9F and to #DE9FCD
#CDDE9F#CDDE9F#CDDE9F#CDDE9F#CDDE9F#CDDE9F#CDDE9F
#D0DB9F#D0DAA0#D0D9A1#D0D8A2#D0D7A3#D0D5A5#D0D4A6
#D2D99F#D2D7A1#D2D4A4#D2D2A6#D2CFA9#D2CDAB#D2CAAE
#D5D69F#D5D2A3#D5CFA6#D5CBAA#D5C8AD#D5C4B1#D5C0B5
#D8D39F#D8CEA4#D8CAA8#D8C5AD#D8C0B2#D8BCB6#D8B6BC
#DBD09F#DBCAA5#DBC4AB#DBBFB1#DBB9B7#DBB3BD#DBACC4
#DECD9F#DEC6A6#DEBEAE#DEB7B5#DEB0BC#DEA8C4#DE9FCD

Colorpallet from #CDDE9F to #DECD9F and to #9FCDDE
#CDDE9F#CDDE9F#CDDE9F#CDDE9F#CDDE9F#CDDE9F#CDDE9F
#D0DB9F#CEDBA1#CDDBA2#CBDBA4#CADBA5#C8DBA7#C6DBA9
#D2D99F#CFD9A2#CCD9A5#C8D9A9#C5D9AC#C2D9AF#BED9B3
#D5D69F#D0D6A4#CBD6A9#C7D6AD#C2D6B2#BDD6B7#B7D6BD
#D8D39F#D2D3A5#CBD3AC#C5D3B2#BED3B9#B8D3BF#B0D3C7
#DBD09F#D3D0A7#CBD0AF#C3D0B7#BAD0BF#B2D0C7#A8D0D1
#DECD9F#D4CDA9#CACDB3#C0CDBD#B6CDC7#ACCDD1#9FCDDE

Colorpallet from #CDDE9F to #DECD9F and to #9FDECD
#CDDE9F#CDDE9F#CDDE9F#CDDE9F#CDDE9F#CDDE9F#CDDE9F
#D0DB9F#CEDBA0#CDDCA1#CBDCA2#CADDA3#C8DDA5#C6DEA6
#D2D99F#CFDAA1#CCDBA4#C8DBA6#C5DCA9#C2DDAB#BEDEAE
#D5D69F#D0D7A3#CBD9A6#C7DAAA#C2DBAD#BDDCB1#B7DEB5
#D8D39F#D2D5A4#CBD7A8#C5D8AD#BEDAB2#B8DCB6#B0DEBC
#DBD09F#D3D2A5#CBD4AB#C3D7B1#BAD9B7#B2DBBD#A8DEC4
#DECD9F#D4D0A6#CAD2AE#C0D5B5#B6D8BC#ACDBC4#9FDECD

Colorpallet from #CDDE9F to #DE9FCD and to #9FCDDE
#CDDE9F#CDDE9F#CDDE9F#CDDE9F#CDDE9F#CDDE9F#CDDE9F
#D0D4A6#CED5A6#CDD6A7#CBD7A7#CAD8A8#C8DAA8#C6DBA9
#D2CAAE#CFCCAF#CCCFB0#C8D1B0#C5D4B1#C2D6B2#BED9B3
#D5C0B5#D0C4B6#CBC7B8#C7CBB9#C2CEBA#BDD2BB#B7D6BD
#D8B6BC#D2BBBE#CBBFC0#C5C4C1#BEC9C3#B8CDC5#B0D3C7
#DBACC4#D3B2C6#CBB8C8#C3BDCA#BAC3CC#B2C9CE#A8D0D1
#DE9FCD#D4A6D0#CAAED2#C0B5D5#B6BCD8#ACC4DB#9FCDDE

Colorpallet from #CDDE9F to #DE9FCD and to #9FDECD
#CDDE9F#CDDE9F#CDDE9F#CDDE9F#CDDE9F#CDDE9F#CDDE9F
#D0D4A6#CED6A6#CDD7A6#CBD9A6#CADAA6#C8DCA6#C6DEA6
#D2CAAE#CFCDAE#CCD0AE#C8D4AE#C5D7AE#C2DAAE#BEDEAE
#D5C0B5#D0C5B5#CBCAB5#C7CEB5#C2D3B5#BDD8B5#B7DEB5
#D8B6BC#D2BCBC#CBC3BC#C5C9BC#BED0BC#B8D6BC#B0DEBC
#DBACC4#D3B4C4#CBBCC4#C3C4C4#BACCC4#B2D4C4#A8DEC4
#DE9FCD#D4A9CD#CAB3CD#C0BDCD#B6C7CD#ACD1CD#9FDECD

Colorpallet from #CDDE9F to #9FCDDE and to #9FDECD
#CDDE9F#CDDE9F#CDDE9F#CDDE9F#CDDE9F#CDDE9F#CDDE9F
#C6DBA9#C6DBA9#C6DCA8#C6DCA8#C6DDA7#C6DDA7#C6DEA6
#BED9B3#BEDAB2#BEDBB1#BEDBB1#BEDCB0#BEDDAF#BEDEAE
#B7D6BD#B7D7BC#B7D9BA#B7DAB9#B7DBB8#B7DCB7#B7DEB5
#B0D3C7#B0D5C5#B0D7C3#B0D8C2#B0DAC0#B0DCBE#B0DEBC
#A8D0D1#A8D2CF#A8D4CD#A8D7CB#A8D9C9#A8DBC7#A8DEC4
#9FCDDE#9FD0DB#9FD2D9#9FD5D6#9FD8D3#9FDBD0#9FDECD