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 #3C6BA6 to #3CA66B and to #6B3CA6
#3C6BA6#3C6BA6#3C6BA6#3C6BA6#3C6BA6#3C6BA6#3C6BA6
#3C749D#3D719E#3F6FA0#406CA1#4169A3#4266A4#4463A6
#3C7E93#3E7996#417399#436E9C#46689F#4863A2#4B5CA6
#3C878A#407F8E#437793#476F97#4B669C#4E5EA0#5354A6
#3C9180#418686#467B8C#4A7092#4F6598#545B9E#5A4DA6
#3C9A77#428C7F#487F86#4E718E#546495#5A569D#6245A6
#3CA66B#449574#4B847E#537387#5A6291#62519A#6B3CA6

Colorpallet from #3C6BA6 to #3CA66B and to #6BA63C
#3C6BA6#3C6BA6#3C6BA6#3C6BA6#3C6BA6#3C6BA6#3C6BA6
#3C749D#3D749C#3F749A#407499#417498#427497#447495
#3C7E93#3E7E91#417E8E#437E8C#467E89#487E87#4B7E84
#3C878A#408786#438783#47877F#4B877B#4E8778#538773
#3C9180#41917B#469176#4A9172#4F916D#549168#5A9162
#3C9A77#429A71#489A6B#4E9A65#549A5F#5A9A59#629A51
#3CA66B#44A663#4BA65C#53A654#5AA64D#62A645#6BA63C

Colorpallet from #3C6BA6 to #3CA66B and to #A63C6B
#3C6BA6#3C6BA6#3C6BA6#3C6BA6#3C6BA6#3C6BA6#3C6BA6
#3C749D#3F719D#416F9D#446C9D#47699D#4A669D#4D639D
#3C7E93#417993#477393#4C6E93#526893#576393#5E5C93
#3C878A#447F8A#4C778A#546F8A#5D668A#655E8A#6F548A
#3C9180#478680#527B80#5D7080#686580#725B80#804D80
#3C9A77#4A8C77#577F77#657177#726477#805677#914577
#3CA66B#4D956B#5E846B#6F736B#80626B#91516B#A63C6B

Colorpallet from #3C6BA6 to #3CA66B and to #A66B3C
#3C6BA6#3C6BA6#3C6BA6#3C6BA6#3C6BA6#3C6BA6#3C6BA6
#3C749D#3F739C#41719A#447099#476E98#4A6D97#4D6B95
#3C7E93#417B91#47788E#4C758C#527289#576F87#5E6B84
#3C878A#448386#4C7E83#547A7F#5D757B#657178#6F6B73
#3C9180#478B7B#528576#5D7F72#68796D#727368#806B62
#3C9A77#4A9271#578B6B#658365#727C5F#807459#916B51
#3CA66B#4D9D63#5E935C#6F8A54#80804D#917745#A66B3C

Colorpallet from #3C6BA6 to #6B3CA6 and to #6BA63C
#3C6BA6#3C6BA6#3C6BA6#3C6BA6#3C6BA6#3C6BA6#3C6BA6
#4463A6#4466A3#4468A1#446B9E#446E9B#447198#447495
#4B5CA6#4B61A1#4B679B#4B6C96#4B7290#4B778B#4B7E84
#5354A6#535C9E#536496#536C8E#537585#537D7D#538773
#5A4DA6#5A589B#5A6390#5A6E85#5A797A#5A8370#5A9162
#6245A6#625398#62608B#626E7D#627B70#628962#629A51
#6B3CA6#6B4D95#6B5E84#6B6F73#6B8062#6B9151#6BA63C

Colorpallet from #3C6BA6 to #6B3CA6 and to #A63C6B
#3C6BA6#3C6BA6#3C6BA6#3C6BA6#3C6BA6#3C6BA6#3C6BA6
#4463A6#4563A5#4763A3#4863A2#4A63A0#4B639F#4D639D
#4B5CA6#4E5CA3#515CA0#545C9D#575C9A#5A5C97#5E5C93
#5354A6#5754A2#5C549D#605499#655494#695490#6F548A
#5A4DA6#604DA0#664D9A#6C4D94#724D8E#784D88#804D80
#6245A6#6A459E#714597#79458F#804588#884580#914577
#6B3CA6#743C9D#7E3C93#873C8A#913C80#9A3C77#A63C6B

Colorpallet from #3C6BA6 to #6B3CA6 and to #A66B3C
#3C6BA6#3C6BA6#3C6BA6#3C6BA6#3C6BA6#3C6BA6#3C6BA6
#4463A6#4564A3#4766A1#48679E#4A689B#4B6998#4D6B95
#4B5CA6#4E5EA1#51619B#546396#576690#5A688B#5E6B84
#5354A6#57589E#5C5B96#605F8E#656385#69667D#6F6B73
#5A4DA6#60529B#665790#6C5B85#72607A#786570#806B62
#6245A6#6A4B98#71518B#79577D#805D70#886362#916B51
#6B3CA6#744495#7E4B84#875373#915A62#9A6251#A66B3C

Colorpallet from #3C6BA6 to #6BA63C and to #A63C6B
#3C6BA6#3C6BA6#3C6BA6#3C6BA6#3C6BA6#3C6BA6#3C6BA6
#447495#457196#476F98#486C99#4A699A#4B669B#4D639D
#4B7E84#4E7986#517389#546E8B#57688E#5A6390#5E5C93
#538773#577F77#5C777A#606F7E#656682#695E85#6F548A
#5A9162#608667#667B6C#6C7070#726575#785B7A#804D80
#629A51#6A8C57#717F5D#797163#806469#88566F#914577
#6BA63C#749544#7E844B#877353#91625A#9A5162#A63C6B

Colorpallet from #3C6BA6 to #6BA63C and to #A66B3C
#3C6BA6#3C6BA6#3C6BA6#3C6BA6#3C6BA6#3C6BA6#3C6BA6
#447495#457395#477195#487095#4A6E95#4B6D95#4D6B95
#4B7E84#4E7B84#517884#547584#577284#5A6F84#5E6B84
#538773#578373#5C7E73#607A73#657573#697173#6F6B73
#5A9162#608B62#668562#6C7F62#727962#787362#806B62
#629A51#6A9251#718B51#798351#807C51#887451#916B51
#6BA63C#749D3C#7E933C#878A3C#91803C#9A773C#A66B3C

Colorpallet from #3C6BA6 to #A63C6B and to #A66B3C
#3C6BA6#3C6BA6#3C6BA6#3C6BA6#3C6BA6#3C6BA6#3C6BA6
#4D639D#4D649C#4D669A#4D6799#4D6898#4D6997#4D6B95
#5E5C93#5E5E91#5E618E#5E638C#5E6689#5E6887#5E6B84
#6F548A#6F5886#6F5B83#6F5F7F#6F637B#6F6678#6F6B73
#804D80#80527B#805776#805B72#80606D#806568#806B62
#914577#914B71#91516B#915765#915D5F#916359#916B51
#A63C6B#A64463#A64B5C#A65354#A65A4D#A66245#A66B3C