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 #CDD5AA to #CDAAD5 and to #D5CDAA
#CDD5AA#CDD5AA#CDD5AA#CDD5AA#CDD5AA#CDD5AA#CDD5AA
#CDCEB1#CDCFB0#CDD0AF#CDD1AE#CED2AD#CED3AB#CED4AA
#CDC7B8#CDC9B6#CECBB4#CECCB1#CFCEAF#CFD0AD#D0D2AA
#CDC0BF#CEC3BC#CEC5B8#CFC8B5#D0CBB2#D0CEAE#D1D1AA
#CDB9C6#CEBDC2#CFC0BD#CFC4B9#D0C8B4#D1CBB0#D2D0AA
#CDB3CC#CEB7C7#CFBCC1#D0C0BC#D1C5B6#D2C9B1#D3CFAA
#CDAAD5#CEB0CE#D0B5C7#D1BBC0#D2C0B9#D3C6B3#D5CDAA

Colorpallet from #CDD5AA to #CDAAD5 and to #D5AACD
#CDD5AA#CDD5AA#CDD5AA#CDD5AA#CDD5AA#CDD5AA#CDD5AA
#CDCEB1#CDCEB1#CDCEB1#CDCEB1#CECEB0#CECEB0#CECEB0
#CDC7B8#CDC7B8#CEC7B7#CEC7B7#CFC7B6#CFC7B6#D0C7B5
#CDC0BF#CEC0BE#CEC0BE#CFC0BD#D0C0BC#D0C0BC#D1C0BB
#CDB9C6#CEB9C5#CFB9C4#CFB9C3#D0B9C2#D1B9C1#D2B9C0
#CDB3CC#CEB3CB#CFB3CA#D0B3C9#D1B3C8#D2B3C7#D3B3C6
#CDAAD5#CEAAD4#D0AAD2#D1AAD1#D2AAD0#D3AACF#D5AACD

Colorpallet from #CDD5AA to #CDAAD5 and to #AACDD5
#CDD5AA#CDD5AA#CDD5AA#CDD5AA#CDD5AA#CDD5AA#CDD5AA
#CDCEB1#CCCFB1#CBD0B1#CAD1B1#C9D2B1#C8D3B1#C7D4B1
#CDC7B8#CBC9B8#C9CBB8#C8CCB8#C6CEB8#C4D0B8#C2D2B8
#CDC0BF#CAC3BF#C8C5BF#C5C8BF#C2CBBF#BFCEBF#BCD1BF
#CDB9C6#C9BDC6#C6C0C6#C2C4C6#BFC8C6#BBCBC6#B7D0C6
#CDB3CC#C9B7CC#C4BCCC#C0C0CC#BBC5CC#B7C9CC#B1CFCC
#CDAAD5#C7B0D5#C2B5D5#BCBBD5#B7C0D5#B1C6D5#AACDD5

Colorpallet from #CDD5AA to #CDAAD5 and to #AAD5CD
#CDD5AA#CDD5AA#CDD5AA#CDD5AA#CDD5AA#CDD5AA#CDD5AA
#CDCEB1#CCCFB1#CBD0B1#CAD1B1#C9D2B0#C8D4B0#C7D5B0
#CDC7B8#CBC9B8#C9CBB7#C8CEB7#C6D0B6#C4D2B6#C2D5B5
#CDC0BF#CAC3BE#C8C7BE#C5CABD#C2CDBC#BFD1BC#BCD5BB
#CDB9C6#C9BDC5#C6C2C4#C2C6C3#BFCBC2#BBCFC1#B7D5C0
#CDB3CC#C9B8CB#C4BECA#C0C3C9#BBC9C8#B7CEC7#B1D5C6
#CDAAD5#C7B1D4#C2B8D2#BCBFD1#B7C6D0#B1CCCF#AAD5CD

Colorpallet from #CDD5AA to #D5CDAA and to #D5AACD
#CDD5AA#CDD5AA#CDD5AA#CDD5AA#CDD5AA#CDD5AA#CDD5AA
#CED4AA#CED3AB#CED2AC#CED1AD#CED0AE#CECFAF#CECEB0
#D0D2AA#D0D0AC#D0CEAE#D0CDAF#D0CBB1#D0C9B3#D0C7B5
#D1D1AA#D1CEAD#D1CCAF#D1C9B2#D1C6B5#D1C3B8#D1C0BB
#D2D0AA#D2CCAE#D2C9B1#D2C5B5#D2C1B8#D2BEBC#D2B9C0
#D3CFAA#D3CBAE#D3C6B3#D3C2B7#D3BDBC#D3B9C0#D3B3C6
#D5CDAA#D5C7B0#D5C2B5#D5BCBB#D5B7C0#D5B1C6#D5AACD

Colorpallet from #CDD5AA to #D5CDAA and to #AACDD5
#CDD5AA#CDD5AA#CDD5AA#CDD5AA#CDD5AA#CDD5AA#CDD5AA
#CED4AA#CDD4AB#CCD4AC#CBD4AD#CAD4AE#C8D4B0#C7D4B1
#D0D2AA#CED2AC#CCD2AE#C9D2B1#C7D2B3#C5D2B5#C2D2B8
#D1D1AA#CED1AD#CAD1B1#C7D1B4#C4D1B7#C0D1BB#BCD1BF
#D2D0AA#CED0AE#C9D0B3#C5D0B7#C1D0BC#BCD0C0#B7D0C6
#D3CFAA#CECFAF#C8CFB5#C3CFBA#BDCFC0#B8CFC5#B1CFCC
#D5CDAA#CECDB1#C7CDB8#C0CDBF#B9CDC6#B3CDCC#AACDD5

Colorpallet from #CDD5AA to #D5CDAA and to #AAD5CD
#CDD5AA#CDD5AA#CDD5AA#CDD5AA#CDD5AA#CDD5AA#CDD5AA
#CED4AA#CDD4AB#CCD4AC#CBD4AD#CAD5AE#C8D5AF#C7D5B0
#D0D2AA#CED2AC#CCD3AE#C9D3AF#C7D4B1#C5D4B3#C2D5B5
#D1D1AA#CED2AD#CAD2AF#C7D3B2#C4D4B5#C0D4B8#BCD5BB
#D2D0AA#CED1AE#C9D2B1#C5D2B5#C1D3B8#BCD4BC#B7D5C0
#D3CFAA#CED0AE#C8D1B3#C3D2B7#BDD3BC#B8D4C0#B1D5C6
#D5CDAA#CECEB0#C7D0B5#C0D1BB#B9D2C0#B3D3C6#AAD5CD

Colorpallet from #CDD5AA to #D5AACD and to #AACDD5
#CDD5AA#CDD5AA#CDD5AA#CDD5AA#CDD5AA#CDD5AA#CDD5AA
#CECEB0#CDCFB0#CCD0B0#CBD1B0#CAD2B1#C8D3B1#C7D4B1
#D0C7B5#CEC9B5#CCCBB6#C9CCB6#C7CEB7#C5D0B7#C2D2B8
#D1C0BB#CEC3BC#CAC5BC#C7C8BD#C4CBBE#C0CEBE#BCD1BF
#D2B9C0#CEBDC1#C9C0C2#C5C4C3#C1C8C4#BCCBC5#B7D0C6
#D3B3C6#CEB7C7#C8BCC8#C3C0C9#BDC5CA#B8C9CB#B1CFCC
#D5AACD#CEB0CE#C7B5D0#C0BBD1#B9C0D2#B3C6D3#AACDD5

Colorpallet from #CDD5AA to #D5AACD and to #AAD5CD
#CDD5AA#CDD5AA#CDD5AA#CDD5AA#CDD5AA#CDD5AA#CDD5AA
#CECEB0#CDCFB0#CCD0B0#CBD1B0#CAD2B0#C8D4B0#C7D5B0
#D0C7B5#CEC9B5#CCCBB5#C9CEB5#C7D0B5#C5D2B5#C2D5B5
#D1C0BB#CEC3BB#CAC7BB#C7CABB#C4CDBB#C0D1BB#BCD5BB
#D2B9C0#CEBDC0#C9C2C0#C5C6C0#C1CBC0#BCCFC0#B7D5C0
#D3B3C6#CEB8C6#C8BEC6#C3C3C6#BDC9C6#B8CEC6#B1D5C6
#D5AACD#CEB1CD#C7B8CD#C0BFCD#B9C6CD#B3CCCD#AAD5CD

Colorpallet from #CDD5AA to #AACDD5 and to #AAD5CD
#CDD5AA#CDD5AA#CDD5AA#CDD5AA#CDD5AA#CDD5AA#CDD5AA
#C7D4B1#C7D4B1#C7D4B1#C7D4B1#C7D5B0#C7D5B0#C7D5B0
#C2D2B8#C2D2B8#C2D3B7#C2D3B7#C2D4B6#C2D4B6#C2D5B5
#BCD1BF#BCD2BE#BCD2BE#BCD3BD#BCD4BC#BCD4BC#BCD5BB
#B7D0C6#B7D1C5#B7D2C4#B7D2C3#B7D3C2#B7D4C1#B7D5C0
#B1CFCC#B1D0CB#B1D1CA#B1D2C9#B1D3C8#B1D4C7#B1D5C6
#AACDD5#AACED4#AAD0D2#AAD1D1#AAD2D0#AAD3CF#AAD5CD