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 #3D6C6A to #3D6A6C and to #6C3D6A
#3D6C6A#3D6C6A#3D6C6A#3D6C6A#3D6C6A#3D6C6A#3D6C6A
#3D6C6A#3E6B6A#40696A#41686A#42676A#43666A#45646A
#3D6B6B#3F696B#42676B#44646B#47626A#49606A#4C5D6A
#3D6B6B#41676B#44646B#48606B#4C5D6A#4F596A#54556A
#3D6B6B#42666B#47626B#4B5D6B#50586A#55546A#5B4E6A
#3D6A6C#43646C#495E6B#4F596B#55536B#5B4D6A#63466A
#3D6A6C#45636C#4C5C6B#54546B#5B4D6B#63466A#6C3D6A

Colorpallet from #3D6C6A to #3D6A6C and to #6C6A3D
#3D6C6A#3D6C6A#3D6C6A#3D6C6A#3D6C6A#3D6C6A#3D6C6A
#3D6C6A#3E6C69#406C68#416C67#426C66#436C64#456C63
#3D6B6B#3F6B69#426B66#446B64#476B61#496B5F#4C6B5C
#3D6B6B#416B67#446B64#486B60#4C6B5C#4F6B59#546B54
#3D6B6B#426B66#476B61#4B6B5D#506B58#556B53#5B6B4D
#3D6A6C#436A66#496A60#4F6A5A#556A54#5B6A4E#636A46
#3D6A6C#456A64#4C6A5D#546A55#5B6A4E#636A46#6C6A3D

Colorpallet from #3D6C6A to #3D6A6C and to #6A3D6C
#3D6C6A#3D6C6A#3D6C6A#3D6C6A#3D6C6A#3D6C6A#3D6C6A
#3D6C6A#3E6B6A#3F696A#40686A#41676A#43666A#44646A
#3D6B6B#3F696B#41676B#44646B#46626B#48606B#4B5D6B
#3D6B6B#41676B#44646B#48606B#4B5D6B#4F596B#53556B
#3D6B6B#42666B#46626B#4B5D6B#50586B#54546B#5A4E6B
#3D6A6C#43646C#495E6C#4E596C#54536C#5A4D6C#61466C
#3D6A6C#44636C#4B5C6C#53546C#5A4D6C#61466C#6A3D6C

Colorpallet from #3D6C6A to #3D6A6C and to #6A6C3D
#3D6C6A#3D6C6A#3D6C6A#3D6C6A#3D6C6A#3D6C6A#3D6C6A
#3D6C6A#3E6C69#3F6C68#406C67#416C66#436C64#446C63
#3D6B6B#3F6B69#416B66#446B64#466C61#486C5F#4B6C5C
#3D6B6B#416B67#446B64#486B60#4B6C5C#4F6C59#536C54
#3D6B6B#426B66#466B61#4B6B5D#506C58#546C53#5A6C4D
#3D6A6C#436A66#496B60#4E6B5A#546B54#5A6C4E#616C46
#3D6A6C#446A64#4B6B5D#536B55#5A6B4E#616C46#6A6C3D

Colorpallet from #3D6C6A to #6C3D6A and to #6C6A3D
#3D6C6A#3D6C6A#3D6C6A#3D6C6A#3D6C6A#3D6C6A#3D6C6A
#45646A#456569#456768#456867#456966#456A64#456C63
#4C5D6A#4C5F68#4C6166#4C6463#4C6661#4C685F#4C6B5C
#54556A#545966#545C63#54605F#54635C#546758#546B54
#5B4E6A#5B5365#5B5761#5B5C5C#5B6157#5B6553#5B6B4D
#63466A#634C64#63525E#635759#635D53#63634D#636A46
#6C3D6A#6C4463#6C4B5C#6C5354#6C5A4D#6C6146#6C6A3D

Colorpallet from #3D6C6A to #6C3D6A and to #6A3D6C
#3D6C6A#3D6C6A#3D6C6A#3D6C6A#3D6C6A#3D6C6A#3D6C6A
#45646A#45646A#45646A#45646A#44646A#44646A#44646A
#4C5D6A#4C5D6A#4C5D6A#4C5D6A#4B5D6B#4B5D6B#4B5D6B
#54556A#54556A#54556A#54556A#53556B#53556B#53556B
#5B4E6A#5B4E6A#5B4E6A#5B4E6A#5A4E6B#5A4E6B#5A4E6B
#63466A#63466A#62466B#62466B#62466B#61466C#61466C
#6C3D6A#6C3D6A#6B3D6B#6B3D6B#6B3D6B#6A3D6C#6A3D6C

Colorpallet from #3D6C6A to #6C3D6A and to #6A6C3D
#3D6C6A#3D6C6A#3D6C6A#3D6C6A#3D6C6A#3D6C6A#3D6C6A
#45646A#456569#456768#456867#446966#446A64#446C63
#4C5D6A#4C5F68#4C6266#4C6463#4B6761#4B695F#4B6C5C
#54556A#545966#545C63#54605F#53645C#536758#536C54
#5B4E6A#5B5365#5B5861#5B5C5C#5A6157#5A6653#5A6C4D
#63466A#634C64#62525E#625859#625E53#61644D#616C46
#6C3D6A#6C4563#6B4C5C#6B5454#6B5B4D#6A6346#6A6C3D

Colorpallet from #3D6C6A to #6C6A3D and to #6A3D6C
#3D6C6A#3D6C6A#3D6C6A#3D6C6A#3D6C6A#3D6C6A#3D6C6A
#456C63#456B64#456965#456866#446767#446669#44646A
#4C6B5C#4C695E#4C6761#4C6463#4B6266#4B6068#4B5D6B
#546B54#546758#54645B#54605F#535D63#535966#53556B
#5B6B4D#5B6652#5B6257#5B5D5B#5A5860#5A5465#5A4E6B
#636A46#63644C#625E52#625958#62535E#614D64#61466C
#6C6A3D#6C6345#6B5C4C#6B5454#6B4D5B#6A4663#6A3D6C

Colorpallet from #3D6C6A to #6C6A3D and to #6A6C3D
#3D6C6A#3D6C6A#3D6C6A#3D6C6A#3D6C6A#3D6C6A#3D6C6A
#456C63#456C63#456C63#456C63#446C63#446C63#446C63
#4C6B5C#4C6B5C#4C6B5C#4C6B5C#4B6C5C#4B6C5C#4B6C5C
#546B54#546B54#546B54#546B54#536C54#536C54#536C54
#5B6B4D#5B6B4D#5B6B4D#5B6B4D#5A6C4D#5A6C4D#5A6C4D
#636A46#636A46#626B46#626B46#626B46#616C46#616C46
#6C6A3D#6C6A3D#6B6B3D#6B6B3D#6B6B3D#6A6C3D#6A6C3D

Colorpallet from #3D6C6A to #6A3D6C and to #6A6C3D
#3D6C6A#3D6C6A#3D6C6A#3D6C6A#3D6C6A#3D6C6A#3D6C6A
#44646A#446569#446768#446867#446966#446A64#446C63
#4B5D6B#4B5F69#4B6266#4B6464#4B6761#4B695F#4B6C5C
#53556B#535967#535C64#536060#53645C#536759#536C54
#5A4E6B#5A5366#5A5861#5A5C5D#5A6158#5A6653#5A6C4D
#61466C#614C66#615260#61585A#615E54#61644E#616C46
#6A3D6C#6A4564#6A4C5D#6A5455#6A5B4E#6A6346#6A6C3D