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 #3D6E80 to #3D806E and to #6E3D80
#3D6E80#3D6E80#3D6E80#3D6E80#3D6E80#3D6E80#3D6E80
#3D717D#3E6F7D#406D7E#416C7E#426A7F#43687F#456680
#3D747A#40707B#426D7C#45697D#47667E#4A627F#4D5E80
#3D7777#417278#456C7A#49677B#4C627D#505D7E#555680
#3D7A74#427376#476C78#4C657A#515E7C#56587E#5C4F80
#3D7C72#437474#496B76#506379#565A7B#5C527D#644780
#3D806E#457571#4D6B74#556077#5C557A#644A7C#6E3D80

Colorpallet from #3D6E80 to #3D806E and to #6E803D
#3D6E80#3D6E80#3D6E80#3D6E80#3D6E80#3D6E80#3D6E80
#3D717D#3E717C#40717A#417179#427178#437177#457175
#3D747A#407478#427475#457473#477470#4A746E#4D746B
#3D7777#417773#457770#49776C#4C7768#507765#557760
#3D7A74#427A6F#477A6A#4C7A65#517A60#567A5B#5C7A55
#3D7C72#437C6C#497C65#507C5F#567C58#5C7C52#647C4A
#3D806E#458066#4D805E#558056#5C804F#648047#6E803D

Colorpallet from #3D6E80 to #3D806E and to #803D6E
#3D6E80#3D6E80#3D6E80#3D6E80#3D6E80#3D6E80#3D6E80
#3D717D#3F6F7D#416D7D#426C7D#446A7D#46687D#48667D
#3D747A#40707A#446D7A#47697A#4A667A#4E627A#525E7A
#3D7777#427277#476C77#4C6777#516277#575D77#5D5677
#3D7A74#447374#4B6C74#526574#595E74#5F5874#684F74
#3D7C72#467472#4E6B72#576372#605A72#685272#734772
#3D806E#48756E#526B6E#5D606E#68556E#734A6E#803D6E

Colorpallet from #3D6E80 to #3D806E and to #806E3D
#3D6E80#3D6E80#3D6E80#3D6E80#3D6E80#3D6E80#3D6E80
#3D717D#3F717C#41707A#427079#446F78#466F77#486E75
#3D747A#407378#447275#477173#4A7070#4E6F6E#526E6B
#3D7777#427673#477470#4C736C#517168#577065#5D6E60
#3D7A74#44786F#4B766A#527465#597260#5F705B#686E55
#3D7C72#467A6C#4E7865#57755F#607358#687152#736E4A
#3D806E#487D66#527A5E#5D7756#68744F#737247#806E3D

Colorpallet from #3D6E80 to #6E3D80 and to #6E803D
#3D6E80#3D6E80#3D6E80#3D6E80#3D6E80#3D6E80#3D6E80
#456680#45687E#456A7C#456B7B#456D79#456F77#457175
#4D5E80#4D627D#4D6579#4D6976#4D6C73#4D706F#4D746B
#555680#555B7B#556176#556671#556B6C#557066#557760
#5C4F80#5C5679#5C5D72#5C646B#5C6B64#5C715E#5C7A55
#644780#644F77#64586F#646066#64695D#647155#647C4A
#6E3D80#6E4875#6E526B#6E5D60#6E6855#6E734A#6E803D

Colorpallet from #3D6E80 to #6E3D80 and to #803D6E
#3D6E80#3D6E80#3D6E80#3D6E80#3D6E80#3D6E80#3D6E80
#456680#456680#46667F#46667F#47667E#47667E#48667D
#4D5E80#4E5E7F#4F5E7E#4F5E7D#505E7C#515E7B#525E7A
#555680#56567F#58567D#59567C#5A567A#5B5679#5D5677
#5C4F80#5E4F7E#604F7C#624F7A#644F78#664F76#684F74
#644780#66477E#69477C#6B4779#6E4777#704775#734772
#6E3D80#713D7D#743D7A#773D77#7A3D74#7C3D72#803D6E

Colorpallet from #3D6E80 to #6E3D80 and to #806E3D
#3D6E80#3D6E80#3D6E80#3D6E80#3D6E80#3D6E80#3D6E80
#456680#45677E#46697C#466A7B#476B79#476C77#486E75
#4D5E80#4E617D#4F6379#4F6676#506873#516B6F#526E6B
#555680#565A7B#585E76#596271#5A656C#5B6966#5D6E60
#5C4F80#5E5479#605972#625E6B#646364#66685E#686E55
#644780#664D77#69536F#6B5A66#6E605D#706655#736E4A
#6E3D80#714575#744D6B#775560#7A5C55#7C644A#806E3D

Colorpallet from #3D6E80 to #6E803D and to #803D6E
#3D6E80#3D6E80#3D6E80#3D6E80#3D6E80#3D6E80#3D6E80
#457175#456F76#466D78#466C79#476A7A#47687B#48667D
#4D746B#4E706D#4F6D70#4F6972#506675#516277#525E7A
#557760#567264#586C67#59676B#5A626F#5B5D72#5D5677
#5C7A55#5E735A#606C5F#626564#645E69#66586E#684F74
#647C4A#667450#696B57#6B635D#6E5A64#70526A#734772
#6E803D#717545#746B4D#776055#7A555C#7C4A64#803D6E

Colorpallet from #3D6E80 to #6E803D and to #806E3D
#3D6E80#3D6E80#3D6E80#3D6E80#3D6E80#3D6E80#3D6E80
#457175#457175#467075#467075#476F75#476F75#486E75
#4D746B#4E736B#4F726B#4F716B#50706B#516F6B#526E6B
#557760#567660#587460#597360#5A7160#5B7060#5D6E60
#5C7A55#5E7855#607655#627455#647255#667055#686E55
#647C4A#667A4A#69784A#6B754A#6E734A#70714A#736E4A
#6E803D#717D3D#747A3D#77773D#7A743D#7C723D#806E3D

Colorpallet from #3D6E80 to #803D6E and to #806E3D
#3D6E80#3D6E80#3D6E80#3D6E80#3D6E80#3D6E80#3D6E80
#48667D#48677C#48697A#486A79#486B78#486C77#486E75
#525E7A#526178#526375#526673#526870#526B6E#526E6B
#5D5677#5D5A73#5D5E70#5D626C#5D6568#5D6965#5D6E60
#684F74#68546F#68596A#685E65#686360#68685B#686E55
#734772#734D6C#735365#735A5F#736058#736652#736E4A
#803D6E#804566#804D5E#805556#805C4F#806447#806E3D