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 #3D6BA5 to #3DA56B and to #6B3DA5
#3D6BA5#3D6BA5#3D6BA5#3D6BA5#3D6BA5#3D6BA5#3D6BA5
#3D749C#3E719D#3F6F9F#406CA0#416AA2#4367A3#4464A5
#3D7E92#3F7995#427398#446E9B#47689E#4963A1#4C5CA5
#3D8789#417F8D#447792#486F96#4B679B#4F5F9F#5355A5
#3D9080#428586#467B8C#4B7092#506698#545B9E#5A4EA5
#3D9977#438C7E#497E86#4F718D#556494#5B579C#6246A5
#3DA56B#449474#4C847E#537387#5A6290#625299#6B3DA5

Colorpallet from #3D6BA5 to #3DA56B and to #6BA53D
#3D6BA5#3D6BA5#3D6BA5#3D6BA5#3D6BA5#3D6BA5#3D6BA5
#3D749C#3E749B#3F7499#407498#417497#437496#447494
#3D7E92#3F7E90#427E8E#447E8B#477E89#497E87#4C7E84
#3D8789#418785#448782#48877E#4B877B#4F8777#538773
#3D9080#42907B#469076#4B9072#50906D#549068#5A9062
#3D9977#439971#49996B#4F9965#55995F#5B9959#629952
#3DA56B#44A564#4CA55C#53A555#5AA54E#62A546#6BA53D

Colorpallet from #3D6BA5 to #3DA56B and to #A53D6B
#3D6BA5#3D6BA5#3D6BA5#3D6BA5#3D6BA5#3D6BA5#3D6BA5
#3D749C#40719C#426F9C#456C9C#486A9C#4B679C#4E649C
#3D7E92#427992#487392#4D6E92#526892#576392#5E5C92
#3D8789#457F89#4D7789#556F89#5D6789#655F89#6F5589
#3D9080#488580#527B80#5D7080#686680#735B80#804E80
#3D9977#4A8C77#587E77#657177#726477#7F5777#904677
#3DA56B#4E946B#5E846B#6F736B#80626B#90526B#A53D6B

Colorpallet from #3D6BA5 to #3DA56B and to #A56B3D
#3D6BA5#3D6BA5#3D6BA5#3D6BA5#3D6BA5#3D6BA5#3D6BA5
#3D749C#40739B#427199#457098#486E97#4B6D96#4E6B94
#3D7E92#427B90#48788E#4D758B#527289#576F87#5E6B84
#3D8789#458385#4D7E82#557A7E#5D757B#657177#6F6B73
#3D9080#488A7B#528476#5D7E72#68786D#737268#806B62
#3D9977#4A9271#588A6B#658365#727C5F#7F7459#906B52
#3DA56B#4E9C64#5E925C#6F8955#80804E#907746#A56B3D

Colorpallet from #3D6BA5 to #6B3DA5 and to #6BA53D
#3D6BA5#3D6BA5#3D6BA5#3D6BA5#3D6BA5#3D6BA5#3D6BA5
#4464A5#4467A2#4469A0#446C9D#446E9A#447197#447494
#4C5CA5#4C61A0#4C679A#4C6C95#4C7290#4C778B#4C7E84
#5355A5#535D9D#536595#536D8D#537585#537D7D#538773
#5A4EA5#5A599A#5A6390#5A6E85#5A787A#5A836F#5A9062
#6246A5#625398#62618A#626E7D#627B70#628863#629952
#6B3DA5#6B4E94#6B5E84#6B6F73#6B8062#6B9052#6BA53D

Colorpallet from #3D6BA5 to #6B3DA5 and to #A53D6B
#3D6BA5#3D6BA5#3D6BA5#3D6BA5#3D6BA5#3D6BA5#3D6BA5
#4464A5#4664A4#4764A2#4964A1#4A649F#4C649E#4E649C
#4C5CA5#4F5CA2#525C9F#555C9C#585C99#5A5C96#5E5C92
#5355A5#5755A1#5C559C#605598#655593#69558F#6F5589
#5A4EA5#604E9F#664E99#6C4E93#724E8D#784E87#804E80
#6246A5#69469E#714696#78468F#7F4688#874680#904677
#6B3DA5#743D9C#7E3D92#873D89#903D80#993D77#A53D6B

Colorpallet from #3D6BA5 to #6B3DA5 and to #A56B3D
#3D6BA5#3D6BA5#3D6BA5#3D6BA5#3D6BA5#3D6BA5#3D6BA5
#4464A5#4665A2#4766A0#49679D#4A689A#4C6A97#4E6B94
#4C5CA5#4F5EA0#52619A#556395#586690#5A688B#5E6B84
#5355A5#57599D#5C5C95#60608D#656385#69677D#6F6B73
#5A4EA5#60539A#665790#6C5C85#72617A#78656F#806B62
#6246A5#694C98#71528A#78587D#7F5E70#876463#906B52
#6B3DA5#744494#7E4C84#875373#905A62#996252#A56B3D

Colorpallet from #3D6BA5 to #6BA53D and to #A53D6B
#3D6BA5#3D6BA5#3D6BA5#3D6BA5#3D6BA5#3D6BA5#3D6BA5
#447494#467195#476F97#496C98#4A6A99#4C679A#4E649C
#4C7E84#4F7986#527388#556E8B#58688D#5A638F#5E5C92
#538773#577F77#5C777A#606F7E#656781#695F85#6F5589
#5A9062#608567#667B6C#6C7070#726675#785B7A#804E80
#629952#698C58#717E5E#787164#7F646A#875770#904677
#6BA53D#749444#7E844C#877353#90625A#995262#A53D6B

Colorpallet from #3D6BA5 to #6BA53D and to #A56B3D
#3D6BA5#3D6BA5#3D6BA5#3D6BA5#3D6BA5#3D6BA5#3D6BA5
#447494#467394#477194#497094#4A6E94#4C6D94#4E6B94
#4C7E84#4F7B84#527884#557584#587284#5A6F84#5E6B84
#538773#578373#5C7E73#607A73#657573#697173#6F6B73
#5A9062#608A62#668462#6C7E62#727862#787262#806B62
#629952#699252#718A52#788352#7F7C52#877452#906B52
#6BA53D#749C3D#7E923D#87893D#90803D#99773D#A56B3D

Colorpallet from #3D6BA5 to #A53D6B and to #A56B3D
#3D6BA5#3D6BA5#3D6BA5#3D6BA5#3D6BA5#3D6BA5#3D6BA5
#4E649C#4E659B#4E6699#4E6798#4E6897#4E6A96#4E6B94
#5E5C92#5E5E90#5E618E#5E638B#5E6689#5E6887#5E6B84
#6F5589#6F5985#6F5C82#6F607E#6F637B#6F6777#6F6B73
#804E80#80537B#805776#805C72#80616D#806568#806B62
#904677#904C71#90526B#905865#905E5F#906459#906B52
#A53D6B#A54464#A54C5C#A55355#A55A4E#A56246#A56B3D