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 #316E88 to #31886E and to #6E3188
#316E88#316E88#316E88#316E88#316E88#316E88#316E88
#317284#337085#346E85#366B86#376987#396787#3B6488
#317680#347281#376D83#3B6984#3E6485#416086#455A88
#317A7C#36737E#3A6D80#3F6682#446084#485986#4E5188
#317F77#37767A#3D6D7C#44647F#4A5B82#505285#584788
#318373#397876#416D7A#49617D#505680#584B84#623D88
#31886E#3B7A72#456C76#4E5E7A#58507F#624283#6E3188

Colorpallet from #316E88 to #31886E and to #6E8831
#316E88#316E88#316E88#316E88#316E88#316E88#316E88
#317284#337282#347281#36727F#37727E#39727C#3B727A
#317680#34767D#37767A#3B7676#3E7673#417670#45766C
#317A7C#367A77#3A7A72#3F7A6E#447A69#487A64#4E7A5E
#317F77#377F71#3D7F6B#447F64#4A7F5E#507F58#587F50
#318373#39836B#418363#49835B#508354#58834C#628342
#31886E#3B8864#45885A#4E8851#588847#62883D#6E8831

Colorpallet from #316E88 to #31886E and to #88316E
#316E88#316E88#316E88#316E88#316E88#316E88#316E88
#317284#337084#356E84#386B84#3A6984#3C6784#3F6484
#317680#357280#3A6D80#3E6980#436480#476080#4D5A80
#317A7C#38737C#3E6D7C#45667C#4C607C#53597C#5B517C
#317F77#3A7677#436D77#4C6477#555B77#5E5277#694777
#318373#3C7873#476D73#536173#5E5673#694B73#773D73
#31886E#3F7A6E#4D6C6E#5B5E6E#69506E#77426E#88316E

Colorpallet from #316E88 to #31886E and to #886E31
#316E88#316E88#316E88#316E88#316E88#316E88#316E88
#317284#337182#357181#38707F#3A6F7E#3C6F7C#3F6E7A
#317680#35757D#3A737A#3E7276#437173#477070#4D6E6C
#317A7C#387877#3E7672#45746E#4C7269#537064#5B6E5E
#317F77#3A7C71#437A6B#4C7764#55745E#5E7158#696E50
#318373#3C806B#477C63#53795B#5E7654#69724C#776E42
#31886E#3F8464#4D805A#5B7C51#697747#77733D#886E31

Colorpallet from #316E88 to #6E3188 and to #6E8831
#316E88#316E88#316E88#316E88#316E88#316E88#316E88
#3B6488#3B6686#3B6884#3B6B81#3B6D7F#3B6F7D#3B727A
#455A88#455E84#45637F#45677B#456C76#457072#45766C
#4E5188#4E5881#4E5E7B#4E6574#4E6B6D#4E7266#4E7A5E
#584788#58507F#585976#58626D#586B64#58745B#587F50
#623D88#62487D#625372#625F66#626A5B#627550#628342
#6E3188#6E3F7A#6E4D6C#6E5B5E#6E6950#6E7742#6E8831

Colorpallet from #316E88 to #6E3188 and to #88316E
#316E88#316E88#316E88#316E88#316E88#316E88#316E88
#3B6488#3C6487#3C6487#3D6486#3E6485#3E6485#3F6484
#455A88#465A87#485A85#495A84#4A5A83#4B5A82#4D5A80
#4E5188#505186#525184#545182#565180#58517E#5B517C
#584788#5B4785#5D4783#604780#63477D#66477A#694777
#623D88#653D85#693D81#6C3D7E#6F3D7B#733D77#773D73
#6E3188#723184#763180#7A317C#7F3177#833173#88316E

Colorpallet from #316E88 to #6E3188 and to #886E31
#316E88#316E88#316E88#316E88#316E88#316E88#316E88
#3B6488#3C6686#3C6784#3D6981#3E6A7F#3E6C7D#3F6E7A
#455A88#465D84#48607F#49647B#4A6776#4B6A72#4D6E6C
#4E5188#505681#525A7B#545F74#56646D#586866#5B6E5E
#584788#5B4D7F#5D5376#605A6D#636064#66665B#696E50
#623D88#65457D#694D72#6C5566#6F5C5B#736450#776E42
#6E3188#723B7A#76456C#7A4E5E#7F5850#836242#886E31

Colorpallet from #316E88 to #6E8831 and to #88316E
#316E88#316E88#316E88#316E88#316E88#316E88#316E88
#3B727A#3C707C#3C6E7D#3D6B7F#3E6980#3E6782#3F6484
#45766C#46726F#486D72#496976#4A6479#4B607C#4D5A80
#4E7A5E#507363#526D68#54666C#566071#585976#5B517C
#587F50#5B7656#5D6D5C#606463#635B69#66526F#694777
#628342#65784A#696D52#6C615A#6F5661#734B69#773D73
#6E8831#727A3B#766C45#7A5E4E#7F5058#834262#88316E

Colorpallet from #316E88 to #6E8831 and to #886E31
#316E88#316E88#316E88#316E88#316E88#316E88#316E88
#3B727A#3C717A#3C717A#3D707A#3E6F7A#3E6F7A#3F6E7A
#45766C#46756C#48736C#49726C#4A716C#4B706C#4D6E6C
#4E7A5E#50785E#52765E#54745E#56725E#58705E#5B6E5E
#587F50#5B7C50#5D7A50#607750#637450#667150#696E50
#628342#658042#697C42#6C7942#6F7642#737242#776E42
#6E8831#728431#768031#7A7C31#7F7731#837331#886E31

Colorpallet from #316E88 to #88316E and to #886E31
#316E88#316E88#316E88#316E88#316E88#316E88#316E88
#3F6484#3F6682#3F6781#3F697F#3F6A7E#3F6C7C#3F6E7A
#4D5A80#4D5D7D#4D607A#4D6476#4D6773#4D6A70#4D6E6C
#5B517C#5B5677#5B5A72#5B5F6E#5B6469#5B6864#5B6E5E
#694777#694D71#69536B#695A64#69605E#696658#696E50
#773D73#77456B#774D63#77555B#775C54#77644C#776E42
#88316E#883B64#88455A#884E51#885847#88623D#886E31