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 #316C76 to #31766C and to #6C3176
#316C76#316C76#316C76#316C76#316C76#316C76#316C76
#316E74#326C74#346A75#356975#376775#386576#3A6376
#316F73#346B73#376874#3A6474#3D6175#405D75#445976
#317171#356C72#3A6673#3E6173#435C74#475775#4D5076
#317270#376B71#3D6472#435D73#495674#4F4F75#574676
#31746E#396B6F#406271#485A72#4F5173#574874#603D76
#31766C#3A6B6E#44606F#4D5571#574A72#603F74#6C3176

Colorpallet from #316C76 to #31766C and to #6C7631
#316C76#316C76#316C76#316C76#316C76#316C76#316C76
#316E74#326E73#346E71#356E70#376E6E#386E6D#3A6E6B
#316F73#346F70#376F6D#3A6F6A#3D6F67#406F64#446F60
#317171#35716D#3A7168#3E7164#43715F#47715B#4D7155
#317270#37726A#3D7264#43725E#497258#4F7252#57724A
#31746E#397466#40745F#487457#4F7450#577448#60743F
#31766C#3A7663#447659#4D7650#577646#60763D#6C7631

Colorpallet from #316C76 to #31766C and to #76316C
#316C76#316C76#316C76#316C76#316C76#316C76#316C76
#316E74#336C74#356A74#366974#386774#3A6574#3C6374
#316F73#356B73#386873#3C6473#3F6173#435D73#475973
#317171#366C71#3C6671#416171#465C71#4B5771#525071
#317270#386B70#3F6470#465D70#4D5670#544F70#5D4670
#31746E#3A6B6E#43626E#4B5A6E#54516E#5D486E#683D6E
#31766C#3C6B6C#47606C#52556C#5D4A6C#683F6C#76316C

Colorpallet from #316C76 to #31766C and to #766C31
#316C76#316C76#316C76#316C76#316C76#316C76#316C76
#316E74#336E73#356D71#366D70#386D6E#3A6C6D#3C6C6B
#316F73#356F70#386E6D#3C6E6A#3F6D67#436D64#476C60
#317171#36706D#3C6F68#416F64#466E5F#4B6D5B#526C55
#317270#38716A#3F7064#466F5E#4D6E58#546D52#5D6C4A
#31746E#3A7366#43715F#4B7057#546F50#5D6E48#686C3F
#31766C#3C7463#477359#527150#5D7046#686E3D#766C31

Colorpallet from #316C76 to #6C3176 and to #6C7631
#316C76#316C76#316C76#316C76#316C76#316C76#316C76
#3A6376#3A6574#3A6772#3A6871#3A6A6F#3A6C6D#3A6E6B
#445976#445D72#44606F#44646B#446768#446B64#446F60
#4D5076#4D5571#4D5B6B#4D6066#4D6561#4D6A5C#4D7155
#574676#574D6F#575468#575B61#57625A#576953#57724A
#603D76#60466D#604F64#60575C#606053#60694A#60743F
#6C3176#6C3C6B#6C4760#6C5255#6C5D4A#6C683F#6C7631

Colorpallet from #316C76 to #6C3176 and to #76316C
#316C76#316C76#316C76#316C76#316C76#316C76#316C76
#3A6376#3A6376#3B6375#3B6375#3B6375#3C6374#3C6374
#445976#445976#455975#455975#465974#465974#475973
#4D5076#4E5075#4F5074#4F5074#505073#515072#525071
#574676#584675#594674#5A4673#5B4672#5C4671#5D4670
#603D76#613D75#633D73#643D72#653D71#663D70#683D6E
#6C3176#6E3174#6F3173#713171#723170#74316E#76316C

Colorpallet from #316C76 to #6C3176 and to #766C31
#316C76#316C76#316C76#316C76#316C76#316C76#316C76
#3A6376#3A6474#3B6672#3B6771#3B696F#3C6A6D#3C6C6B
#445976#445C72#455F6F#45626B#466568#466864#476C60
#4D5076#4E5471#4F596B#4F5D66#506261#51665C#526C55
#574676#584C6F#595268#5A5861#5B5E5A#5C6453#5D6C4A
#603D76#61456D#634C64#64545C#655B53#66634A#686C3F
#6C3176#6E3A6B#6F4460#714D55#72574A#74603F#766C31

Colorpallet from #316C76 to #6C7631 and to #76316C
#316C76#316C76#316C76#316C76#316C76#316C76#316C76
#3A6E6B#3A6C6C#3B6A6E#3B696F#3B6771#3C6572#3C6374
#446F60#446B63#456866#456469#46616C#465D6F#475973
#4D7155#4E6C59#4F665E#4F6162#505C67#51576B#525071
#57724A#586B50#596456#5A5D5C#5B5662#5C4F68#5D4670
#60743F#616B47#63624E#645A56#65515D#664865#683D6E
#6C7631#6E6B3A#6F6044#71554D#724A57#743F60#76316C

Colorpallet from #316C76 to #6C7631 and to #766C31
#316C76#316C76#316C76#316C76#316C76#316C76#316C76
#3A6E6B#3A6E6B#3B6D6B#3B6D6B#3B6D6B#3C6C6B#3C6C6B
#446F60#446F60#456E60#456E60#466D60#466D60#476C60
#4D7155#4E7055#4F6F55#4F6F55#506E55#516D55#526C55
#57724A#58714A#59704A#5A6F4A#5B6E4A#5C6D4A#5D6C4A
#60743F#61733F#63713F#64703F#656F3F#666E3F#686C3F
#6C7631#6E7431#6F7331#717131#727031#746E31#766C31

Colorpallet from #316C76 to #76316C and to #766C31
#316C76#316C76#316C76#316C76#316C76#316C76#316C76
#3C6374#3C6473#3C6671#3C6770#3C696E#3C6A6D#3C6C6B
#475973#475C70#475F6D#47626A#476567#476864#476C60
#525071#52546D#525968#525D64#52625F#52665B#526C55
#5D4670#5D4C6A#5D5264#5D585E#5D5E58#5D6452#5D6C4A
#683D6E#684566#684C5F#685457#685B50#686348#686C3F
#76316C#763A63#764459#764D50#765746#76603D#766C31