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 #3B5D69 to #3B695D and to #5D3B69
#3B5D69#3B5D69#3B5D69#3B5D69#3B5D69#3B5D69#3B5D69
#3B5F67#3C5E67#3D5D68#3D5C68#3E5B68#3F5969#405869
#3B6165#3D5F66#3F5C66#405A67#425768#445568#465269
#3B6363#3E5F64#405C65#435866#455567#485168#4B4D69
#3B6561#3F6062#425B64#465765#495266#4D4D67#514769
#3B675F#3F6161#445B62#485564#4C4F65#514967#564269
#3B695D#40625F#465A61#4B5363#514C65#564467#5D3B69

Colorpallet from #3B5D69 to #3B695D and to #5D693B
#3B5D69#3B5D69#3B5D69#3B5D69#3B5D69#3B5D69#3B5D69
#3B5F67#3C5F66#3D5F65#3D5F65#3E5F64#3F5F63#405F62
#3B6165#3D6163#3F6161#406160#42615E#44615C#46615A
#3B6363#3E6360#40635E#43635B#456359#486356#4B6353
#3B6561#3F655E#42655A#466557#496554#4D6550#51654C
#3B675F#3F675B#446756#486752#4C674E#516749#566744
#3B695D#406958#466952#4B694D#516947#566942#5D693B

Colorpallet from #3B5D69 to #3B695D and to #693B5D
#3B5D69#3B5D69#3B5D69#3B5D69#3B5D69#3B5D69#3B5D69
#3B5F67#3C5E67#3D5D67#3E5C67#3F5B67#415967#425867
#3B6165#3D5F65#405C65#425A65#455765#475565#4A5265
#3B6363#3F5F63#425C63#465863#495563#4D5163#514D63
#3B6561#406061#445B61#495761#4E5261#524D61#584761
#3B675F#41615F#475B5F#4D555F#534F5F#59495F#60425F
#3B695D#42625D#4A5A5D#51535D#584C5D#60445D#693B5D

Colorpallet from #3B5D69 to #3B695D and to #695D3B
#3B5D69#3B5D69#3B5D69#3B5D69#3B5D69#3B5D69#3B5D69
#3B5F67#3C5F66#3D5E65#3E5E65#3F5E64#415D63#425D62
#3B6165#3D6063#406061#425F60#455E5E#475E5C#4A5D5A
#3B6363#3F6260#42615E#46605B#495F59#4D5E56#515D53
#3B6561#40645E#44625A#496157#4E6054#525F50#585D4C
#3B675F#41655B#476456#4D6252#53614E#595F49#605D44
#3B695D#426758#4A6552#51634D#586147#605F42#695D3B

Colorpallet from #3B5D69 to #5D3B69 and to #5D693B
#3B5D69#3B5D69#3B5D69#3B5D69#3B5D69#3B5D69#3B5D69
#405869#405968#405A67#405B66#405C65#405E63#405F62
#465269#465467#465764#465962#465C5F#465E5D#46615A
#4B4D69#4B5165#4B5462#4B585E#4B5B5B#4B5F57#4B6353
#514769#514C64#515160#51555B#515A56#515F52#51654C
#564269#564863#564E5D#565457#565A51#56604B#566744
#5D3B69#5D4262#5D4A5A#5D5153#5D584C#5D6044#5D693B

Colorpallet from #3B5D69 to #5D3B69 and to #693B5D
#3B5D69#3B5D69#3B5D69#3B5D69#3B5D69#3B5D69#3B5D69
#405869#405869#415868#415868#415868#425867#425867
#465269#475268#475268#485267#495266#495266#4A5265
#4B4D69#4C4D68#4D4D67#4E4D66#4F4D65#504D64#514D63
#514769#524768#534766#544765#554764#574763#584761
#564269#584267#594266#5B4264#5C4263#5E4261#60425F
#5D3B69#5F3B67#613B65#633B63#653B61#673B5F#693B5D

Colorpallet from #3B5D69 to #5D3B69 and to #695D3B
#3B5D69#3B5D69#3B5D69#3B5D69#3B5D69#3B5D69#3B5D69
#405869#405968#415A67#415A66#415B65#425C63#425D62
#465269#475467#475664#485762#49595F#495B5D#4A5D5A
#4B4D69#4C5065#4D5262#4E555E#4F575B#505A57#515D53
#514769#524B64#534E60#54525B#555556#575952#585D4C
#564269#584663#594B5D#5B4F57#5C5351#5E584B#605D44
#5D3B69#5F4062#61465A#634B53#65514C#675644#695D3B

Colorpallet from #3B5D69 to #5D693B and to #693B5D
#3B5D69#3B5D69#3B5D69#3B5D69#3B5D69#3B5D69#3B5D69
#405F62#405E63#415D64#415C64#415B65#425966#425867
#46615A#475F5C#475C5E#485A5F#495761#495563#4A5265
#4B6353#4C5F56#4D5C58#4E585B#4F555D#505160#514D63
#51654C#52604F#535B53#545756#555259#574D5D#584761
#566744#586148#595B4D#5B5551#5C4F55#5E495A#60425F
#5D693B#5F6240#615A46#63534B#654C51#674456#693B5D

Colorpallet from #3B5D69 to #5D693B and to #695D3B
#3B5D69#3B5D69#3B5D69#3B5D69#3B5D69#3B5D69#3B5D69
#405F62#405F62#415E62#415E62#415E62#425D62#425D62
#46615A#47605A#47605A#485F5A#495E5A#495E5A#4A5D5A
#4B6353#4C6253#4D6153#4E6053#4F5F53#505E53#515D53
#51654C#52644C#53624C#54614C#55604C#575F4C#585D4C
#566744#586544#596444#5B6244#5C6144#5E5F44#605D44
#5D693B#5F673B#61653B#63633B#65613B#675F3B#695D3B

Colorpallet from #3B5D69 to #693B5D and to #695D3B
#3B5D69#3B5D69#3B5D69#3B5D69#3B5D69#3B5D69#3B5D69
#425867#425966#425A65#425A65#425B64#425C63#425D62
#4A5265#4A5463#4A5661#4A5760#4A595E#4A5B5C#4A5D5A
#514D63#515060#51525E#51555B#515759#515A56#515D53
#584761#584B5E#584E5A#585257#585554#585950#585D4C
#60425F#60465B#604B56#604F52#60534E#605849#605D44
#693B5D#694058#694652#694B4D#695147#695642#695D3B