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 #3D6C81 to #3D816C and to #6C3D81
#3D6C81#3D6C81#3D6C81#3D6C81#3D6C81#3D6C81#3D6C81
#3D6F7E#3E6D7E#406B7F#416A7F#426880#436680#456481
#3D737A#3F6F7B#426C7C#44687D#47657E#496180#4C5D81
#3D7677#417179#446B7A#48667C#4C617D#4F5C7F#545581
#3D7974#427276#476B78#4B647A#505D7C#55577E#5B4E81
#3D7D70#437473#496B75#4F6378#555A7B#5B517E#634681
#3D816C#45766F#4C6B73#546076#5B5579#634B7D#6C3D81

Colorpallet from #3D6C81 to #3D816C and to #6C813D
#3D6C81#3D6C81#3D6C81#3D6C81#3D6C81#3D6C81#3D6C81
#3D6F7E#3E6F7D#406F7B#416F7A#426F79#436F78#456F76
#3D737A#3F7378#427375#447373#477370#49736E#4C736B
#3D7677#417673#447670#48766C#4C7668#4F7665#547660
#3D7974#42796F#47796A#4B7965#507960#55795B#5B7955
#3D7D70#437D6A#497D64#4F7D5E#557D58#5B7D52#637D4B
#3D816C#458164#4C815D#548155#5B814E#638146#6C813D

Colorpallet from #3D6C81 to #3D816C and to #813D6C
#3D6C81#3D6C81#3D6C81#3D6C81#3D6C81#3D6C81#3D6C81
#3D6F7E#3F6D7E#416B7E#426A7E#44687E#46667E#48647E
#3D737A#416F7A#446C7A#48687A#4B657A#4F617A#535D7A
#3D7677#427177#486B77#4D6677#526177#575C77#5E5577
#3D7974#447274#4B6B74#526474#595D74#605774#694E74
#3D7D70#467470#4E6B70#576370#605A70#685170#734670
#3D816C#48766C#536B6C#5E606C#69556C#734B6C#813D6C

Colorpallet from #3D6C81 to #3D816C and to #816C3D
#3D6C81#3D6C81#3D6C81#3D6C81#3D6C81#3D6C81#3D6C81
#3D6F7E#3F6F7D#416E7B#426E7A#446D79#466D78#486C76
#3D737A#417278#447175#487073#4B6F70#4F6D6E#536C6B
#3D7677#427473#487370#4D716C#527068#576E65#5E6C60
#3D7974#44776F#4B756A#527365#597160#606F5B#696C55
#3D7D70#467A6A#4E7864#57755E#607258#686F52#736C4B
#3D816C#487E64#537A5D#5E7755#69744E#737046#816C3D

Colorpallet from #3D6C81 to #6C3D81 and to #6C813D
#3D6C81#3D6C81#3D6C81#3D6C81#3D6C81#3D6C81#3D6C81
#456481#45667F#45687D#45697C#456B7A#456D78#456F76
#4C5D81#4C617D#4C647A#4C6876#4C6B73#4C6F6F#4C736B
#545581#545A7C#546076#546571#546A6C#546F67#547660
#5B4E81#5B557A#5B5C73#5B636C#5B6A65#5B705E#5B7955
#634681#634F78#635870#636067#63695E#637256#637D4B
#6C3D81#6C4876#6C536B#6C5E60#6C6955#6C734B#6C813D

Colorpallet from #3D6C81 to #6C3D81 and to #813D6C
#3D6C81#3D6C81#3D6C81#3D6C81#3D6C81#3D6C81#3D6C81
#456481#456481#466480#466480#47647F#47647F#48647E
#4C5D81#4D5D80#4E5D7F#4F5D7E#505D7D#525D7B#535D7A
#545581#56557F#57557E#59557C#5A557B#5C5579#5E5577
#5B4E81#5D4E7F#5F4E7D#624E7B#644E79#664E77#694E74
#634681#66467E#68467C#6B4679#6D4676#704673#734670
#6C3D81#6F3D7E#733D7A#763D77#793D74#7D3D70#813D6C

Colorpallet from #3D6C81 to #6C3D81 and to #816C3D
#3D6C81#3D6C81#3D6C81#3D6C81#3D6C81#3D6C81#3D6C81
#456481#45657F#46677D#46687C#47697A#476A78#486C76
#4C5D81#4D5F7D#4E627A#4F6476#506773#52696F#536C6B
#545581#56597C#575C76#596071#5A646C#5C6767#5E6C60
#5B4E81#5D537A#5F5873#625C6C#646165#66665E#696C55
#634681#664C78#685270#6B5867#6D5E5E#706456#736C4B
#6C3D81#6F4576#734C6B#765460#795B55#7D634B#816C3D

Colorpallet from #3D6C81 to #6C813D and to #813D6C
#3D6C81#3D6C81#3D6C81#3D6C81#3D6C81#3D6C81#3D6C81
#456F76#456D77#466B79#466A7A#47687B#47667C#48647E
#4C736B#4D6F6D#4E6C70#4F6872#506575#526177#535D7A
#547660#567164#576B67#59666B#5A616F#5C5C72#5E5577
#5B7955#5D725A#5F6B5F#626464#645D69#66576E#694E74
#637D4B#667451#686B57#6B635D#6D5A63#705169#734670
#6C813D#6F7645#736B4C#766054#79555B#7D4B63#813D6C

Colorpallet from #3D6C81 to #6C813D and to #816C3D
#3D6C81#3D6C81#3D6C81#3D6C81#3D6C81#3D6C81#3D6C81
#456F76#456F76#466E76#466E76#476D76#476D76#486C76
#4C736B#4D726B#4E716B#4F706B#506F6B#526D6B#536C6B
#547660#567460#577360#597160#5A7060#5C6E60#5E6C60
#5B7955#5D7755#5F7555#627355#647155#666F55#696C55
#637D4B#667A4B#68784B#6B754B#6D724B#706F4B#736C4B
#6C813D#6F7E3D#737A3D#76773D#79743D#7D703D#816C3D

Colorpallet from #3D6C81 to #813D6C and to #816C3D
#3D6C81#3D6C81#3D6C81#3D6C81#3D6C81#3D6C81#3D6C81
#48647E#48657D#48677B#48687A#486979#486A78#486C76
#535D7A#535F78#536275#536473#536770#53696E#536C6B
#5E5577#5E5973#5E5C70#5E606C#5E6468#5E6765#5E6C60
#694E74#69536F#69586A#695C65#696160#69665B#696C55
#734670#734C6A#735264#73585E#735E58#736452#736C4B
#813D6C#814564#814C5D#815455#815B4E#816346#816C3D