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 #3B5C7D to #3B7D5C and to #5C3B7D
#3B5C7D#3B5C7D#3B5C7D#3B5C7D#3B5C7D#3B5C7D#3B5C7D
#3B6178#3C5F79#3D5E7A#3D5C7A#3E5B7B#3F597C#40577D
#3B6772#3D6374#3F6076#405C77#425979#44557B#46517D
#3B6C6D#3E6770#406272#435D75#455877#48527A#4B4C7D
#3B7168#3E6A6B#42646F#455D72#485675#4C4F79#50477D
#3B7663#3F6E67#43656B#475D6F#4C5574#504C78#55427D
#3B7D5C#407261#466867#4B5D6C#505371#554876#5C3B7D

Colorpallet from #3B5C7D to #3B7D5C and to #5C7D3B
#3B5C7D#3B5C7D#3B5C7D#3B5C7D#3B5C7D#3B5C7D#3B5C7D
#3B6178#3C6177#3D6176#3D6175#3E6174#3F6173#406172
#3B6772#3D6770#3F676F#40676D#42676C#44676A#466768
#3B6C6D#3E6C6A#406C68#436C65#456C63#486C60#4B6C5D
#3B7168#3E7165#427161#45715E#48715B#4C7157#507153
#3B7663#3F765F#43765A#477656#4C7652#50764D#557648
#3B7D5C#407D57#467D51#4B7D4C#507D47#557D42#5C7D3B

Colorpallet from #3B5C7D to #3B7D5C and to #7D3B5C
#3B5C7D#3B5C7D#3B5C7D#3B5C7D#3B5C7D#3B5C7D#3B5C7D
#3B6178#3D5F78#3F5E78#405C78#425B78#445978#465778
#3B6772#3E6372#426072#455C72#485972#4C5572#505172
#3B6C6D#40676D#45626D#4A5D6D#4F586D#55526D#5B4C6D
#3B7168#426A68#486468#4F5D68#565668#5D4F68#654768
#3B7663#436E63#4C6563#545D63#5D5563#654C63#704263
#3B7D5C#46725C#50685C#5B5D5C#65535C#70485C#7D3B5C

Colorpallet from #3B5C7D to #3B7D5C and to #7D5C3B
#3B5C7D#3B5C7D#3B5C7D#3B5C7D#3B5C7D#3B5C7D#3B5C7D
#3B6178#3D6077#3F5F76#405F75#425E74#445D73#465C72
#3B6772#3E6570#42636F#45626D#48606C#4C5E6A#505C68
#3B6C6D#40696A#456768#4A6465#4F6263#555F60#5B5C5D
#3B7168#426E65#486A61#4F675E#56645B#5D6057#655C53
#3B7663#43725F#4C6E5A#546A56#5D6552#65614D#705C48
#3B7D5C#467857#507251#5B6D4C#656847#706342#7D5C3B

Colorpallet from #3B5C7D to #5C3B7D and to #5C7D3B
#3B5C7D#3B5C7D#3B5C7D#3B5C7D#3B5C7D#3B5C7D#3B5C7D
#40577D#40597B#405A79#405C78#405D76#405F74#406172
#46517D#46557A#465876#465C73#465F70#46636C#466768
#4B4C7D#4B5178#4B5673#4B5B6E#4B6069#4B6663#4B6C5D
#50477D#504E76#505470#505B69#506262#50695B#507153
#55427D#554A75#55536C#555B64#55635B#556C53#557648
#5C3B7D#5C4672#5C5068#5C5B5D#5C6553#5C7048#5C7D3B

Colorpallet from #3B5C7D to #5C3B7D and to #7D3B5C
#3B5C7D#3B5C7D#3B5C7D#3B5C7D#3B5C7D#3B5C7D#3B5C7D
#40577D#41577C#42577B#43577B#44577A#455779#465778
#46517D#48517B#495179#4B5178#4C5176#4E5174#505172
#4B4C7D#4E4C7A#504C78#534C75#554C73#584C70#5B4C6D
#50477D#53477A#574776#5A4773#5D4770#61476C#654768
#55427D#594279#5E4275#624271#66426C#6B4268#704263
#5C3B7D#613B78#673B72#6C3B6D#713B68#763B63#7D3B5C

Colorpallet from #3B5C7D to #5C3B7D and to #7D5C3B
#3B5C7D#3B5C7D#3B5C7D#3B5C7D#3B5C7D#3B5C7D#3B5C7D
#40577D#41587B#425979#435978#445A76#455B74#465C72
#46517D#48537A#495576#4B5673#4C5870#4E5A6C#505C68
#4B4C7D#4E4F78#505173#53546E#555669#585963#5B5C5D
#50477D#534A76#574E70#5A5169#5D5462#61585B#655C53
#55427D#594675#5E4A6C#624E64#66535B#6B5753#705C48
#5C3B7D#614072#674668#6C4B5D#715053#765548#7D5C3B

Colorpallet from #3B5C7D to #5C7D3B and to #7D3B5C
#3B5C7D#3B5C7D#3B5C7D#3B5C7D#3B5C7D#3B5C7D#3B5C7D
#406172#415F73#425E74#435C75#445B76#455977#465778
#466768#48636A#49606B#4B5C6D#4C596E#4E5570#505172
#4B6C5D#4E6760#506262#535D65#555867#58526A#5B4C6D
#507153#536A56#57645A#5A5D5D#5D5660#614F64#654768
#557648#596E4C#5E6551#625D55#665559#6B4C5E#704263
#5C7D3B#617240#676846#6C5D4B#715350#764855#7D3B5C

Colorpallet from #3B5C7D to #5C7D3B and to #7D5C3B
#3B5C7D#3B5C7D#3B5C7D#3B5C7D#3B5C7D#3B5C7D#3B5C7D
#406172#416072#425F72#435F72#445E72#455D72#465C72
#466768#486568#496368#4B6268#4C6068#4E5E68#505C68
#4B6C5D#4E695D#50675D#53645D#55625D#585F5D#5B5C5D
#507153#536E53#576A53#5A6753#5D6453#616053#655C53
#557648#597248#5E6E48#626A48#666548#6B6148#705C48
#5C7D3B#61783B#67723B#6C6D3B#71683B#76633B#7D5C3B

Colorpallet from #3B5C7D to #7D3B5C and to #7D5C3B
#3B5C7D#3B5C7D#3B5C7D#3B5C7D#3B5C7D#3B5C7D#3B5C7D
#465778#465877#465976#465975#465A74#465B73#465C72
#505172#505370#50556F#50566D#50586C#505A6A#505C68
#5B4C6D#5B4F6A#5B5168#5B5465#5B5663#5B5960#5B5C5D
#654768#654A65#654E61#65515E#65545B#655857#655C53
#704263#70465F#704A5A#704E56#705352#70574D#705C48
#7D3B5C#7D4057#7D4651#7D4B4C#7D5047#7D5542#7D5C3B