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 #3B6E56 to #3B566E and to #6E3B56
#3B6E56#3B6E56#3B6E56#3B6E56#3B6E56#3B6E56#3B6E56
#3B6A5A#3C6959#3E6959#3F6858#406757#416757#436656
#3B665E#3E655D#40635B#43625A#456159#486058#4B5E56
#3B6262#3F6060#435E5E#475C5C#4A5A5A#4E5858#535656
#3B5F65#405C63#465960#4B565E#50535B#555159#5C4D56
#3B5B69#425766#485463#4F5060#554D5D#5C495A#644556
#3B566E#43526A#4B4D66#534962#5C455F#64405B#6E3B56

Colorpallet from #3B6E56 to #3B566E and to #6E563B
#3B6E56#3B6E56#3B6E56#3B6E56#3B6E56#3B6E56#3B6E56
#3B6A5A#3C6A59#3E6A57#3F6A56#406A55#416A54#436A52
#3B665E#3E665B#406659#436656#456653#486650#4B664D
#3B6262#3F625E#43625A#476256#4A6252#4E624E#536249
#3B5F65#405F60#465F5B#4B5F56#505F51#555F4B#5C5F45
#3B5B69#425B62#485B5C#4F5B55#555B4F#5C5B48#645B40
#3B566E#435666#4B565E#535656#5C564D#645645#6E563B

Colorpallet from #3B6E56 to #3B566E and to #563B6E
#3B6E56#3B6E56#3B6E56#3B6E56#3B6E56#3B6E56#3B6E56
#3B6A5A#3C695A#3C695A#3D685A#3E675A#3E675A#3F665A
#3B665E#3C655E#3E635E#3F625E#41615E#42605E#445E5E
#3B6262#3D6062#3F5E62#415C62#435A62#455862#485662
#3B5F65#3E5C65#405965#435665#465365#495165#4C4D65
#3B5B69#3F5769#425469#465069#494D69#4D4969#514569
#3B566E#3F526E#444D6E#48496E#4C456E#51406E#563B6E

Colorpallet from #3B6E56 to #3B566E and to #566E3B
#3B6E56#3B6E56#3B6E56#3B6E56#3B6E56#3B6E56#3B6E56
#3B6A5A#3C6B59#3C6B57#3D6C56#3E6D55#3E6D54#3F6E52
#3B665E#3C675B#3E6959#3F6A56#416B53#426C50#446E4D
#3B6262#3D645E#3F665A#416856#436A52#456C4E#486E49
#3B5F65#3E6160#40645B#436656#466951#496B4B#4C6E45
#3B5B69#3F5E62#42615C#466455#49674F#4D6A48#516E40
#3B566E#3F5A66#445E5E#486256#4C654D#516945#566E3B

Colorpallet from #3B6E56 to #6E3B56 and to #6E563B
#3B6E56#3B6E56#3B6E56#3B6E56#3B6E56#3B6E56#3B6E56
#436656#436755#436755#436854#436953#436953#436A52
#4B5E56#4B5F55#4B6153#4B6252#4B6350#4B644F#4B664D
#535656#535854#535A52#535C50#535E4E#53604C#536249
#5C4D56#5C5053#5C5351#5C564E#5C594B#5C5B48#5C5F45
#644556#644952#644C4F#64504B#645348#645744#645B40
#6E3B56#6E3F52#6E444D#6E4849#6E4C45#6E5140#6E563B

Colorpallet from #3B6E56 to #6E3B56 and to #563B6E
#3B6E56#3B6E56#3B6E56#3B6E56#3B6E56#3B6E56#3B6E56
#436656#426657#426657#416658#406659#406659#3F665A
#4B5E56#4A5E57#495E59#485E5A#475E5B#455E5C#445E5E
#535656#515658#4F565A#4E565C#4C565E#4A5660#485662
#5C4D56#594D58#574D5B#544D5D#524D60#4F4D62#4C4D65
#644556#614559#5E455C#5B455F#584562#554565#514569
#6E3B56#6A3B5A#663B5E#623B62#5F3B65#5B3B69#563B6E

Colorpallet from #3B6E56 to #6E3B56 and to #566E3B
#3B6E56#3B6E56#3B6E56#3B6E56#3B6E56#3B6E56#3B6E56
#436656#426755#426955#416A54#406B53#406C53#3F6E52
#4B5E56#4A6155#496353#486652#476850#456B4F#446E4D
#535656#515A54#4F5E52#4E6250#4C654E#4A694C#486E49
#5C4D56#595253#575851#545D4E#52624B#4F6748#4C6E45
#644556#614C52#5E524F#5B594B#585F48#556644#516E40
#6E3B56#6A4352#664B4D#625349#5F5C45#5B6440#566E3B

Colorpallet from #3B6E56 to #6E563B and to #563B6E
#3B6E56#3B6E56#3B6E56#3B6E56#3B6E56#3B6E56#3B6E56
#436A52#426953#426955#416856#406757#406758#3F665A
#4B664D#4A6550#496352#486255#476158#45605B#445E5E
#536249#51604D#4F5E51#4E5C55#4C5A59#4A585D#485662
#5C5F45#595C4A#57594F#545654#525359#4F515F#4C4D65
#645B40#615747#5E544D#5B5054#584D5A#554961#514569
#6E563B#6A5243#664D4B#624953#5F455C#5B4064#563B6E

Colorpallet from #3B6E56 to #6E563B and to #566E3B
#3B6E56#3B6E56#3B6E56#3B6E56#3B6E56#3B6E56#3B6E56
#436A52#426B52#426B52#416C52#406D52#406D52#3F6E52
#4B664D#4A674D#49694D#486A4D#476B4D#456C4D#446E4D
#536249#516449#4F6649#4E6849#4C6A49#4A6C49#486E49
#5C5F45#596145#576445#546645#526945#4F6B45#4C6E45
#645B40#615E40#5E6140#5B6440#586740#556A40#516E40
#6E563B#6A5A3B#665E3B#62623B#5F653B#5B693B#566E3B

Colorpallet from #3B6E56 to #563B6E and to #566E3B
#3B6E56#3B6E56#3B6E56#3B6E56#3B6E56#3B6E56#3B6E56
#3F665A#3F6759#3F6957#3F6A56#3F6B55#3F6C54#3F6E52
#445E5E#44615B#446359#446656#446853#446B50#446E4D
#485662#485A5E#485E5A#486256#486552#48694E#486E49
#4C4D65#4C5260#4C585B#4C5D56#4C6251#4C674B#4C6E45
#514569#514C62#51525C#515955#515F4F#516648#516E40
#563B6E#564366#564B5E#565356#565C4D#566445#566E3B