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 #CDA1D1 to #CDD1A1 and to #A1CDD1
#CDA1D1#CDA1D1#CDA1D1#CDA1D1#CDA1D1#CDA1D1#CDA1D1
#CDA9C9#CCA9CA#CBA9CC#CAA9CD#C9A8CE#C7A8CF#C6A8D1
#CDB0C2#CBB0C4#C9B0C7#C6B0C9#C4AFCC#C2AFCE#BFAFD1
#CDB8BA#CAB8BE#C6B7C1#C3B7C5#C0B7C9#BCB6CC#B8B6D1
#CDC0B2#C9C0B7#C4BFBC#C0BFC1#BBBEC6#B7BECB#B1BDD1
#CDC7AB#C7C7B1#C2C6B7#BCC6BD#B7C5C3#B1C5C9#AAC4D1
#CDD1A1#C6D0A9#BFD0B0#B8CFB8#B1CEC0#AACEC7#A1CDD1

Colorpallet from #CDA1D1 to #CDD1A1 and to #A1D1CD
#CDA1D1#CDA1D1#CDA1D1#CDA1D1#CDA1D1#CDA1D1#CDA1D1
#CDA9C9#CCA9CA#CBA9CB#CAA9CC#C9A9CD#C7A9CF#C6A9D0
#CDB0C2#CBB0C4#C9B0C6#C6B0C9#C4B0CB#C2B0CD#BFB0D0
#CDB8BA#CAB8BD#C6B8C1#C3B8C4#C0B8C7#BCB8CB#B8B8CF
#CDC0B2#C9C0B6#C4C0BB#C0C0BF#BBC0C4#B7C0C8#B1C0CE
#CDC7AB#C7C7B1#C2C7B6#BCC7BC#B7C7C1#B1C7C7#AAC7CE
#CDD1A1#C6D1A8#BFD1AF#B8D1B6#B1D1BD#AAD1C4#A1D1CD

Colorpallet from #CDA1D1 to #CDD1A1 and to #D1CDA1
#CDA1D1#CDA1D1#CDA1D1#CDA1D1#CDA1D1#CDA1D1#CDA1D1
#CDA9C9#CDA9C9#CDA9C9#CDA9C9#CEA8C9#CEA8C9#CEA8C9
#CDB0C2#CDB0C2#CDB0C2#CDB0C2#CEAFC2#CEAFC2#CEAFC2
#CDB8BA#CDB8BA#CEB7BA#CEB7BA#CEB7BA#CFB6BA#CFB6BA
#CDC0B2#CDC0B2#CEBFB2#CEBFB2#CFBEB2#CFBEB2#D0BDB2
#CDC7AB#CDC7AB#CEC6AB#CEC6AB#CFC5AB#CFC5AB#D0C4AB
#CDD1A1#CED0A1#CED0A1#CFCFA1#D0CEA1#D0CEA1#D1CDA1

Colorpallet from #CDA1D1 to #CDD1A1 and to #D1A1CD
#CDA1D1#CDA1D1#CDA1D1#CDA1D1#CDA1D1#CDA1D1#CDA1D1
#CDA9C9#CDA8CA#CDA6CB#CDA5CC#CEA4CD#CEA3CF#CEA1D0
#CDB0C2#CDAEC4#CDABC6#CDA9C9#CEA6CB#CEA4CD#CEA1D0
#CDB8BA#CDB4BD#CEB1C1#CEADC4#CEA9C7#CFA6CB#CFA1CF
#CDC0B2#CDBBB6#CEB6BB#CEB1BF#CFACC4#CFA7C8#D0A1CE
#CDC7AB#CDC1B1#CEBBB6#CEB5BC#CFAFC1#CFA9C7#D0A1CE
#CDD1A1#CEC9A8#CEC2AF#CFBAB6#D0B2BD#D0ABC4#D1A1CD

Colorpallet from #CDA1D1 to #A1CDD1 and to #A1D1CD
#CDA1D1#CDA1D1#CDA1D1#CDA1D1#CDA1D1#CDA1D1#CDA1D1
#C6A8D1#C6A8D1#C6A8D1#C6A8D1#C6A9D0#C6A9D0#C6A9D0
#BFAFD1#BFAFD1#BFAFD1#BFAFD1#BFB0D0#BFB0D0#BFB0D0
#B8B6D1#B8B6D1#B8B7D0#B8B7D0#B8B7D0#B8B8CF#B8B8CF
#B1BDD1#B1BDD1#B1BED0#B1BED0#B1BFCF#B1BFCF#B1C0CE
#AAC4D1#AAC4D1#AAC5D0#AAC5D0#AAC6CF#AAC6CF#AAC7CE
#A1CDD1#A1CED0#A1CED0#A1CFCF#A1D0CE#A1D0CE#A1D1CD

Colorpallet from #CDA1D1 to #A1CDD1 and to #D1CDA1
#CDA1D1#CDA1D1#CDA1D1#CDA1D1#CDA1D1#CDA1D1#CDA1D1
#C6A8D1#C7A8D0#C9A8CE#CAA8CD#CBA8CC#CCA8CB#CEA8C9
#BFAFD1#C1AFCF#C4AFCC#C6AFCA#C9AFC7#CBAFC5#CEAFC2
#B8B6D1#BCB6CD#BFB6CA#C3B6C6#C7B6C2#CAB6BF#CFB6BA
#B1BDD1#B6BDCC#BBBDC7#C0BDC2#C5BDBD#CABDB8#D0BDB2
#AAC4D1#B0C4CB#B6C4C5#BCC4BF#C2C4B9#C8C4B3#D0C4AB
#A1CDD1#A9CDC9#B0CDC2#B8CDBA#C0CDB2#C7CDAB#D1CDA1

Colorpallet from #CDA1D1 to #A1CDD1 and to #D1A1CD
#CDA1D1#CDA1D1#CDA1D1#CDA1D1#CDA1D1#CDA1D1#CDA1D1
#C6A8D1#C7A7D1#C9A6D1#CAA5D1#CBA4D0#CCA2D0#CEA1D0
#BFAFD1#C1ADD1#C4ABD1#C6A8D1#C9A6D0#CBA4D0#CEA1D0
#B8B6D1#BCB3D1#BFAFD0#C3ACD0#C7A9D0#CAA5CF#CFA1CF
#B1BDD1#B6B9D1#BBB4D0#C0B0D0#C5ABCF#CAA7CF#D0A1CE
#AAC4D1#B0BED1#B6B9D0#BCB3D0#C2AECF#C8A8CF#D0A1CE
#A1CDD1#A9C6D0#B0BFD0#B8B8CF#C0B1CE#C7AACE#D1A1CD

Colorpallet from #CDA1D1 to #A1D1CD and to #D1CDA1
#CDA1D1#CDA1D1#CDA1D1#CDA1D1#CDA1D1#CDA1D1#CDA1D1
#C6A9D0#C7A9CF#C9A9CE#CAA9CD#CBA8CC#CCA8CA#CEA8C9
#BFB0D0#C1B0CE#C4B0CC#C6B0C9#C9AFC7#CBAFC5#CEAFC2
#B8B8CF#BCB8CC#BFB7C8#C3B7C5#C7B7C2#CAB6BE#CFB6BA
#B1C0CE#B6C0CA#BBBFC5#C0BFC1#C5BEBC#CABEB8#D0BDB2
#AAC7CE#B0C7C8#B6C6C3#BCC6BD#C2C5B8#C8C5B2#D0C4AB
#A1D1CD#A9D0C6#B0D0BF#B8CFB8#C0CEB1#C7CEAA#D1CDA1

Colorpallet from #CDA1D1 to #A1D1CD and to #D1A1CD
#CDA1D1#CDA1D1#CDA1D1#CDA1D1#CDA1D1#CDA1D1#CDA1D1
#C6A9D0#C7A8D0#C9A6D0#CAA5D0#CBA4D0#CCA3D0#CEA1D0
#BFB0D0#C1AED0#C4ABD0#C6A9D0#C9A6D0#CBA4D0#CEA1D0
#B8B8CF#BCB4CF#BFB1CF#C3ADCF#C7A9CF#CAA6CF#CFA1CF
#B1C0CE#B6BBCE#BBB6CE#C0B1CE#C5ACCE#CAA7CE#D0A1CE
#AAC7CE#B0C1CE#B6BBCE#BCB5CE#C2AFCE#C8A9CE#D0A1CE
#A1D1CD#A9C9CD#B0C2CD#B8BACD#C0B2CD#C7ABCD#D1A1CD

Colorpallet from #CDA1D1 to #D1CDA1 and to #D1A1CD
#CDA1D1#CDA1D1#CDA1D1#CDA1D1#CDA1D1#CDA1D1#CDA1D1
#CEA8C9#CEA7CA#CEA6CB#CEA5CC#CEA4CD#CEA2CF#CEA1D0
#CEAFC2#CEADC4#CEABC6#CEA8C9#CEA6CB#CEA4CD#CEA1D0
#CFB6BA#CFB3BD#CFAFC1#CFACC4#CFA9C7#CFA5CB#CFA1CF
#D0BDB2#D0B9B6#D0B4BB#D0B0BF#D0ABC4#D0A7C8#D0A1CE
#D0C4AB#D0BEB1#D0B9B6#D0B3BC#D0AEC1#D0A8C7#D0A1CE
#D1CDA1#D1C6A8#D1BFAF#D1B8B6#D1B1BD#D1AAC4#D1A1CD