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 #3D6ABE to #3DBE6A and to #6A3DBE
#3D6ABE#3D6ABE#3D6ABE#3D6ABE#3D6ABE#3D6ABE#3D6ABE
#3D77B1#3E74B3#3F71B5#406DB7#416AB9#4367BB#4463BE
#3D85A3#3F7EA7#4178AC#4471B0#466BB4#4864B9#4B5CBE
#3D9296#41889C#447EA3#4874A9#4B6AB0#4F60B6#5354BE
#3DA088#429391#468599#4B78A2#506BAB#545EB3#5A4DBE
#3DAD7B#439D86#498C90#4E7C9B#546BA6#5A5BB1#6146BE
#3DBE6A#44A977#4B9585#538092#5A6BA0#6157AD#6A3DBE

Colorpallet from #3D6ABE to #3DBE6A and to #6ABE3D
#3D6ABE#3D6ABE#3D6ABE#3D6ABE#3D6ABE#3D6ABE#3D6ABE
#3D77B1#3E77B0#3F77AE#4077AD#4177AC#4377AB#4477A9
#3D85A3#3F85A1#41859F#44859C#46859A#488598#4B8595
#3D9296#419292#44928F#48928B#4B9288#4F9284#539280
#3DA088#42A083#46A07F#4BA07A#50A075#54A071#5AA06B
#3DAD7B#43AD75#49AD6F#4EAD6A#54AD64#5AAD5E#61AD57
#3DBE6A#44BE63#4BBE5C#53BE54#5ABE4D#61BE46#6ABE3D

Colorpallet from #3D6ABE to #3DBE6A and to #BE3D6A
#3D6ABE#3D6ABE#3D6ABE#3D6ABE#3D6ABE#3D6ABE#3D6ABE
#3D77B1#4074B1#4471B1#476DB1#4A6AB1#4E67B1#5263B1
#3D85A3#447EA3#4A78A3#5171A3#576BA3#5E64A3#665CA3
#3D9296#478896#517E96#5B7496#656A96#6F6096#7B5496
#3DA088#4A9388#588588#657888#726B88#7F5E88#904D88
#3DAD7B#4D9D7B#5E8C7B#6E7C7B#7F6B7B#8F5B7B#A4467B
#3DBE6A#52A96A#66956A#7B806A#906B6A#A4576A#BE3D6A

Colorpallet from #3D6ABE to #3DBE6A and to #BE6A3D
#3D6ABE#3D6ABE#3D6ABE#3D6ABE#3D6ABE#3D6ABE#3D6ABE
#3D77B1#4075B0#4473AE#4771AD#4A6FAC#4E6DAB#526AA9
#3D85A3#4481A1#4A7C9F#51789C#57749A#5E6F98#666A95
#3D9296#478C92#51858F#5B7F8B#657888#6F7284#7B6A80
#3DA088#4A9783#588F7F#65867A#727D75#7F7571#906A6B
#3DAD7B#4DA275#5E986F#6E8D6A#7F8264#8F775E#A46A57
#3DBE6A#52B163#66A35C#7B9654#90884D#A47B46#BE6A3D

Colorpallet from #3D6ABE to #6A3DBE and to #6ABE3D
#3D6ABE#3D6ABE#3D6ABE#3D6ABE#3D6ABE#3D6ABE#3D6ABE
#4463BE#4466BB#4469B7#446DB4#4470B1#4473AD#4477A9
#4B5CBE#4B63B7#4B69B1#4B70AA#4B76A4#4B7D9D#4B8595
#5354BE#535EB4#5368AA#5372A0#537C96#53868C#539280
#5A4DBE#5A5AB1#5A68A3#5A7596#5A8289#5A8F7C#5AA06B
#6146BE#6156AE#61679D#61778D#61887C#61986C#61AD57
#6A3DBE#6A52A9#6A6695#6A7B80#6A906B#6AA457#6ABE3D

Colorpallet from #3D6ABE to #6A3DBE and to #BE3D6A
#3D6ABE#3D6ABE#3D6ABE#3D6ABE#3D6ABE#3D6ABE#3D6ABE
#4463BE#4663BC#4863BA#4B63B8#4D63B6#4F63B4#5263B1
#4B5CBE#4F5CBA#545CB5#585CB1#5C5CAD#615CA8#665CA3
#5354BE#5954B8#6054B1#6654AB#6D54A4#73549E#7B5496
#5A4DBE#634DB5#6B4DAD#744DA4#7D4D9B#854D93#904D88
#6146BE#6C46B3#7646A9#81469E#8C4693#974688#A4467B
#6A3DBE#773DB1#853DA3#923D96#A03D88#AD3D7B#BE3D6A

Colorpallet from #3D6ABE to #6A3DBE and to #BE6A3D
#3D6ABE#3D6ABE#3D6ABE#3D6ABE#3D6ABE#3D6ABE#3D6ABE
#4463BE#4664BB#4865B7#4B66B4#4D67B1#4F69AD#526AA9
#4B5CBE#4F5EB7#5460B1#5863AA#5C65A4#61679D#666A95
#5354BE#5958B4#605BAA#665FA0#6D6296#73668C#7B6A80
#5A4DBE#6352B1#6B56A3#745B96#7D6089#85647C#906A6B
#6146BE#6C4CAE#76529D#81578D#8C5D7C#97636C#A46A57
#6A3DBE#7744A9#854B95#925380#A05A6B#AD6157#BE6A3D

Colorpallet from #3D6ABE to #6ABE3D and to #BE3D6A
#3D6ABE#3D6ABE#3D6ABE#3D6ABE#3D6ABE#3D6ABE#3D6ABE
#4477A9#4674AA#4871AC#4B6DAD#4D6AAE#4F67AF#5263B1
#4B8595#4F7E97#547899#58719C#5C6B9E#6164A0#665CA3
#539280#598884#607E87#66748B#6D6A8E#736092#7B5496
#5AA06B#639370#6B8574#747879#7D6B7E#855E82#904D88
#61AD57#6C9D5D#768C63#817C68#8C6B6E#975B74#A4467B
#6ABE3D#77A944#85954B#928053#A06B5A#AD5761#BE3D6A

Colorpallet from #3D6ABE to #6ABE3D and to #BE6A3D
#3D6ABE#3D6ABE#3D6ABE#3D6ABE#3D6ABE#3D6ABE#3D6ABE
#4477A9#4675A9#4873A9#4B71A9#4D6FA9#4F6DA9#526AA9
#4B8595#4F8195#547C95#587895#5C7495#616F95#666A95
#539280#598C80#608580#667F80#6D7880#737280#7B6A80
#5AA06B#63976B#6B8F6B#74866B#7D7D6B#85756B#906A6B
#61AD57#6CA257#769857#818D57#8C8257#977757#A46A57
#6ABE3D#77B13D#85A33D#92963D#A0883D#AD7B3D#BE6A3D

Colorpallet from #3D6ABE to #BE3D6A and to #BE6A3D
#3D6ABE#3D6ABE#3D6ABE#3D6ABE#3D6ABE#3D6ABE#3D6ABE
#5263B1#5264B0#5265AE#5266AD#5267AC#5269AB#526AA9
#665CA3#665EA1#66609F#66639C#66659A#666798#666A95
#7B5496#7B5892#7B5B8F#7B5F8B#7B6288#7B6684#7B6A80
#904D88#905283#90567F#905B7A#906075#906471#906A6B
#A4467B#A44C75#A4526F#A4576A#A45D64#A4635E#A46A57
#BE3D6A#BE4463#BE4B5C#BE5354#BE5A4D#BE6146#BE6A3D