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 #3C7A5D to #3C5D7A and to #7A3C5D
#3C7A5D#3C7A5D#3C7A5D#3C7A5D#3C7A5D#3C7A5D#3C7A5D
#3C7562#3E7461#3F7360#417360#42725F#44715E#46705D
#3C7166#3F6F65#426D63#466C62#496A60#4C685F#50665D
#3C6C6B#416969#466767#4A6464#4F6262#545F60#5A5C5D
#3C6770#42646D#49606A#4F5D67#565A64#5C5661#64525D
#3C6374#445F70#4C5A6D#545669#5C5265#644D62#6E485D
#3C5D7A#465875#505271#5A4D6C#644867#6E4363#7A3C5D

Colorpallet from #3C7A5D to #3C5D7A and to #7A5D3C
#3C7A5D#3C7A5D#3C7A5D#3C7A5D#3C7A5D#3C7A5D#3C7A5D
#3C7562#3E7560#3F755F#41755D#42755C#44755A#467558
#3C7166#3F7163#427160#46715C#497159#4C7156#507152
#3C6C6B#416C66#466C61#4A6C5D#4F6C58#546C53#5A6C4D
#3C6770#42676A#496763#4F675D#566756#5C6750#646748
#3C6374#44636C#4C6364#54635C#5C6355#64634D#6E6343
#3C5D7A#465D70#505D66#5A5D5C#645D52#6E5D48#7A5D3C

Colorpallet from #3C7A5D to #3C5D7A and to #5D3C7A
#3C7A5D#3C7A5D#3C7A5D#3C7A5D#3C7A5D#3C7A5D#3C7A5D
#3C7562#3D7462#3E7362#3E7362#3F7262#407162#417062
#3C7166#3E6F66#406D66#416C66#436A66#456866#476666
#3C6C6B#3F696B#41676B#44646B#46626B#495F6B#4C5C6B
#3C6770#3F6470#436070#465D70#495A70#4D5670#515270
#3C6374#405F74#445A74#485674#4D5274#514D74#564874
#3C5D7A#41587A#47527A#4C4D7A#51487A#56437A#5D3C7A

Colorpallet from #3C7A5D to #3C5D7A and to #5D7A3C
#3C7A5D#3C7A5D#3C7A5D#3C7A5D#3C7A5D#3C7A5D#3C7A5D
#3C7562#3D7660#3E775F#3E775D#3F785C#40795A#417A58
#3C7166#3E7263#407460#41755C#437759#457856#477A52
#3C6C6B#3F6E66#417061#44735D#467558#497753#4C7A4D
#3C6770#3F6A6A#436D63#46705D#497356#4D7650#517A48
#3C6374#40676C#446A64#486E5C#4D7255#51754D#567A43
#3C5D7A#416270#476666#4C6B5C#517052#567448#5D7A3C

Colorpallet from #3C7A5D to #7A3C5D and to #7A5D3C
#3C7A5D#3C7A5D#3C7A5D#3C7A5D#3C7A5D#3C7A5D#3C7A5D
#46705D#46715C#46725B#46725B#46735A#467459#467558
#50665D#50685B#506A59#506B58#506D56#506F54#507152
#5A5C5D#5A5F5A#5A6158#5A6455#5A6653#5A6950#5A6C4D
#64525D#64555A#645956#645C53#645F50#64634C#646748
#6E485D#6E4C59#6E5155#6E5551#6E594C#6E5E48#6E6343
#7A3C5D#7A4158#7A4752#7A4C4D#7A5148#7A5643#7A5D3C

Colorpallet from #3C7A5D to #7A3C5D and to #5D3C7A
#3C7A5D#3C7A5D#3C7A5D#3C7A5D#3C7A5D#3C7A5D#3C7A5D
#46705D#45705E#44705F#44705F#437060#427061#417062
#50665D#4F665E#4D6660#4C6661#4A6663#496664#476666
#5A5C5D#585C5F#565C61#535C64#515C66#4F5C68#4C5C6B
#64525D#615260#5E5263#5B5266#585269#55526C#515270
#6E485D#6A4861#664864#624868#5F486C#5B486F#564874
#7A3C5D#753C62#713C66#6C3C6B#673C70#633C74#5D3C7A

Colorpallet from #3C7A5D to #7A3C5D and to #5D7A3C
#3C7A5D#3C7A5D#3C7A5D#3C7A5D#3C7A5D#3C7A5D#3C7A5D
#46705D#45725C#44735B#44755B#43765A#427859#417A58
#50665D#4F695B#4D6C59#4C7058#4A7356#497654#477A52
#5A5C5D#58615A#566658#536A55#516F53#4F7450#4C7A4D
#64525D#61585A#5E5F56#5B6553#586C50#55724C#517A48
#6E485D#6A5059#665855#626051#5F684C#5B7048#567A43
#7A3C5D#754658#715052#6C5A4D#676448#636E43#5D7A3C

Colorpallet from #3C7A5D to #7A5D3C and to #5D3C7A
#3C7A5D#3C7A5D#3C7A5D#3C7A5D#3C7A5D#3C7A5D#3C7A5D
#467558#45745A#44735B#44735D#43725E#427160#417062
#507152#4F6F55#4D6D58#4C6C5C#4A6A5F#496862#476666
#5A6C4D#586952#566757#53645B#516260#4F5F65#4C5C6B
#646748#61644E#5E6055#5B5D5B#585A62#555668#515270
#6E6343#6A5F4B#665A53#62565B#5F5262#5B4D6A#564874
#7A5D3C#755846#715250#6C4D5A#674864#63436E#5D3C7A

Colorpallet from #3C7A5D to #7A5D3C and to #5D7A3C
#3C7A5D#3C7A5D#3C7A5D#3C7A5D#3C7A5D#3C7A5D#3C7A5D
#467558#457658#447758#447758#437858#427958#417A58
#507152#4F7252#4D7452#4C7552#4A7752#497852#477A52
#5A6C4D#586E4D#56704D#53734D#51754D#4F774D#4C7A4D
#646748#616A48#5E6D48#5B7048#587348#557648#517A48
#6E6343#6A6743#666A43#626E43#5F7243#5B7543#567A43
#7A5D3C#75623C#71663C#6C6B3C#67703C#63743C#5D7A3C

Colorpallet from #3C7A5D to #5D3C7A and to #5D7A3C
#3C7A5D#3C7A5D#3C7A5D#3C7A5D#3C7A5D#3C7A5D#3C7A5D
#417062#417260#41735F#41755D#41765C#41785A#417A58
#476666#476963#476C60#47705C#477359#477656#477A52
#4C5C6B#4C6166#4C6661#4C6A5D#4C6F58#4C7453#4C7A4D
#515270#51586A#515F63#51655D#516C56#517250#517A48
#564874#56506C#565864#56605C#566855#56704D#567A43
#5D3C7A#5D4670#5D5066#5D5A5C#5D6452#5D6E48#5D7A3C