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 #3C6A8D to #3C8D6A and to #6A3C8D
#3C6A8D#3C6A8D#3C6A8D#3C6A8D#3C6A8D#3C6A8D#3C6A8D
#3C7087#3D6E88#3E6C89#3F6A8A#40688B#42668C#43638D
#3C7582#3E7184#416D86#436987#466489#48608B#4B5B8D
#3C7B7C#40757F#436F81#476884#4A6287#4E5C8A#52548D
#3C8077#41787B#45707E#4A6882#4F5F85#535789#594D8D
#3C8671#427C75#48717A#4E677E#545C83#5A5287#61458D
#3C8D6A#438070#4B7375#52667B#595980#614C86#6A3C8D

Colorpallet from #3C6A8D to #3C8D6A and to #6A8D3C
#3C6A8D#3C6A8D#3C6A8D#3C6A8D#3C6A8D#3C6A8D#3C6A8D
#3C7087#3D7086#3E7085#3F7084#407083#427081#437080
#3C7582#3E7580#41757D#43757B#467578#487576#4B7573
#3C7B7C#407B78#437B75#477B71#4A7B6E#4E7B6A#527B66
#3C8077#418072#45806D#4A8069#4F8064#53805F#598059
#3C8671#42866B#488665#4E865F#548659#5A8653#61864C
#3C8D6A#438D63#4B8D5B#528D54#598D4D#618D45#6A8D3C

Colorpallet from #3C6A8D to #3C8D6A and to #8D3C6A
#3C6A8D#3C6A8D#3C6A8D#3C6A8D#3C6A8D#3C6A8D#3C6A8D
#3C7087#3E6E87#406C87#426A87#446887#466687#496387
#3C7582#407182#446D82#486982#4D6482#516082#565B82
#3C7B7C#42757C#486F7C#4F687C#55627C#5B5C7C#63547C
#3C8077#447877#4D7077#556877#5D5F77#665777#704D77
#3C8671#467C71#517171#5B6771#665C71#705271#7D4571
#3C8D6A#49806A#56736A#63666A#70596A#7D4C6A#8D3C6A

Colorpallet from #3C6A8D to #3C8D6A and to #8D6A3C
#3C6A8D#3C6A8D#3C6A8D#3C6A8D#3C6A8D#3C6A8D#3C6A8D
#3C7087#3E6F86#406E85#426D84#446C83#466B81#496A80
#3C7582#407380#44717D#48707B#4D6E78#516C76#566A73
#3C7B7C#427878#487675#4F7371#55706E#5B6D6A#636A66
#3C8077#447C72#4D796D#557569#5D7264#666E5F#706A59
#3C8671#46826B#517D65#5B795F#667459#707053#7D6A4C
#3C8D6A#498763#56825B#637C54#70774D#7D7145#8D6A3C

Colorpallet from #3C6A8D to #6A3C8D and to #6A8D3C
#3C6A8D#3C6A8D#3C6A8D#3C6A8D#3C6A8D#3C6A8D#3C6A8D
#43638D#43658B#436789#436987#436B85#436D83#437080
#4B5B8D#4B5F89#4B6385#4B6781#4B6C7C#4B7078#4B7573
#52548D#525A87#526081#52677A#526D74#52736E#527B66
#594D8D#595585#595D7C#596574#596E6C#597663#598059
#61458D#614F83#615A78#61646E#616F63#617959#61864C
#6A3C8D#6A4980#6A5673#6A6366#6A7059#6A7D4C#6A8D3C

Colorpallet from #3C6A8D to #6A3C8D and to #8D3C6A
#3C6A8D#3C6A8D#3C6A8D#3C6A8D#3C6A8D#3C6A8D#3C6A8D
#43638D#44638C#45638B#46638A#476389#486388#496387
#4B5B8D#4D5B8B#4F5B89#505B88#525B86#545B84#565B82
#52548D#55548A#575488#5A5485#5D5482#60547F#63547C
#594D8D#5D4D89#604D86#644D82#684D7F#6B4D7B#704D77
#61458D#654589#6A4584#6E4580#73457B#774577#7D4571
#6A3C8D#703C87#753C82#7B3C7C#803C77#863C71#8D3C6A

Colorpallet from #3C6A8D to #6A3C8D and to #8D6A3C
#3C6A8D#3C6A8D#3C6A8D#3C6A8D#3C6A8D#3C6A8D#3C6A8D
#43638D#44648B#456589#466687#476785#486983#496A80
#4B5B8D#4D5D89#4F6085#506281#52657C#546778#566A73
#52548D#555887#575B81#5A5F7A#5D6274#60666E#636A66
#594D8D#5D5285#60567C#645B74#68606C#6B6463#706A59
#61458D#654B83#6A5178#6E576E#735D63#776359#7D6A4C
#6A3C8D#704380#754B73#7B5266#805959#86614C#8D6A3C

Colorpallet from #3C6A8D to #6A8D3C and to #8D3C6A
#3C6A8D#3C6A8D#3C6A8D#3C6A8D#3C6A8D#3C6A8D#3C6A8D
#437080#446E81#456C82#466A83#476884#486686#496387
#4B7573#4D7175#4F6D78#50697A#52647D#54607F#565B82
#527B66#55756A#576F6D#5A6871#5D6274#605C78#63547C
#598059#5D785E#607063#646867#685F6C#6B5771#704D77
#61864C#657C52#6A7158#6E675E#735C64#77526A#7D4571
#6A8D3C#708043#75734B#7B6652#805959#864C61#8D3C6A

Colorpallet from #3C6A8D to #6A8D3C and to #8D6A3C
#3C6A8D#3C6A8D#3C6A8D#3C6A8D#3C6A8D#3C6A8D#3C6A8D
#437080#446F80#456E80#466D80#476C80#486B80#496A80
#4B7573#4D7373#4F7173#507073#526E73#546C73#566A73
#527B66#557866#577666#5A7366#5D7066#606D66#636A66
#598059#5D7C59#607959#647559#687259#6B6E59#706A59
#61864C#65824C#6A7D4C#6E794C#73744C#77704C#7D6A4C
#6A8D3C#70873C#75823C#7B7C3C#80773C#86713C#8D6A3C

Colorpallet from #3C6A8D to #8D3C6A and to #8D6A3C
#3C6A8D#3C6A8D#3C6A8D#3C6A8D#3C6A8D#3C6A8D#3C6A8D
#496387#496486#496585#496684#496783#496981#496A80
#565B82#565D80#56607D#56627B#566578#566776#566A73
#63547C#635878#635B75#635F71#63626E#63666A#636A66
#704D77#705272#70566D#705B69#706064#70645F#706A59
#7D4571#7D4B6B#7D5165#7D575F#7D5D59#7D6353#7D6A4C
#8D3C6A#8D4363#8D4B5B#8D5254#8D594D#8D6145#8D6A3C