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 #316F85 to #31856F and to #6F3185
#316F85#316F85#316F85#316F85#316F85#316F85#316F85
#317381#337182#346F82#366C83#376A84#396884#3B6585
#31767E#34727F#376D80#3B6981#3E6582#416084#455B85
#317A7A#36737C#3B6D7E#3F667F#446081#495983#4F5185
#317D77#377479#3E6C7B#44637E#4B5A80#515282#594785
#318173#397676#416B79#49607C#51557F#594B81#633D85
#31856F#3B7873#456A76#4F5D7A#594F7D#634281#6F3185

Colorpallet from #316F85 to #31856F and to #6F8531
#316F85#316F85#316F85#316F85#316F85#316F85#316F85
#317381#337380#34737E#36737D#37737B#39737A#3B7378
#31767E#34767B#377678#3B7674#3E7671#41766E#45766A
#317A7A#367A75#3B7A71#3F7A6C#447A67#497A63#4F7A5D
#317D77#377D71#3E7D6A#447D64#4B7D5D#517D57#597D4F
#318173#39816B#418163#49815B#518154#59814C#638142
#31856F#3B8565#45855B#4F8551#598547#63853D#6F8531

Colorpallet from #316F85 to #31856F and to #85316F
#316F85#316F85#316F85#316F85#316F85#316F85#316F85
#317381#337181#356F81#376C81#396A81#3B6881#3E6581
#31767E#35727E#3A6D7E#3E697E#42657E#47607E#4C5B7E
#317A7A#37737A#3E6D7A#44667A#4B607A#51597A#59517A
#317D77#3A7477#426C77#4B6377#545A77#5C5277#674777
#318173#3C7673#466B73#516073#5C5573#674B73#743D73
#31856F#3E786F#4C6A6F#595D6F#674F6F#74426F#85316F

Colorpallet from #316F85 to #31856F and to #856F31
#316F85#316F85#316F85#316F85#316F85#316F85#316F85
#317381#337280#35727E#37717D#39707B#3B707A#3E6F78
#31767E#35757B#3A7478#3E7374#427271#47706E#4C6F6A
#317A7A#377875#3E7671#44756C#4B7367#517163#596F5D
#317D77#3A7B71#42796A#4B7664#54745D#5C7257#676F4F
#318173#3C7E6B#467B63#51785B#5C7554#67734C#746F42
#31856F#3E8165#4C7E5B#597A51#677747#74733D#856F31

Colorpallet from #316F85 to #6F3185 and to #6F8531
#316F85#316F85#316F85#316F85#316F85#316F85#316F85
#3B6585#3B6783#3B6981#3B6C7F#3B6E7D#3B707B#3B7378
#455B85#455F81#45647C#456878#456C74#45716F#45766A
#4F5185#4F587F#4F5E78#4F6572#4F6B6B#4F7265#4F7A5D
#594785#59507C#595874#59616B#596A62#59725A#597D4F
#633D85#63487A#635370#635E65#63695A#63734F#638142
#6F3185#6F3E78#6F4C6A#6F595D#6F674F#6F7442#6F8531

Colorpallet from #316F85 to #6F3185 and to #85316F
#316F85#316F85#316F85#316F85#316F85#316F85#316F85
#3B6585#3B6584#3C6584#3C6583#3D6582#3D6582#3E6581
#455B85#465B84#475B83#485B82#495B81#4B5B7F#4C5B7E
#4F5185#515183#525181#545180#55517E#57517C#59517A
#594785#5B4783#5D4781#60477E#62477C#64477A#674777
#633D85#663D82#683D7F#6B3D7C#6E3D79#713D77#743D73
#6F3185#733181#76317E#7A317A#7D3177#813173#85316F

Colorpallet from #316F85 to #6F3185 and to #856F31
#316F85#316F85#316F85#316F85#316F85#316F85#316F85
#3B6585#3B6783#3C6881#3C6A7F#3D6B7D#3D6D7B#3E6F78
#455B85#465E81#47617C#486578#496874#4B6B6F#4C6F6A
#4F5185#51567F#525B78#545F72#55646B#576965#596F5D
#594785#5B4D7C#5D5474#605A6B#626162#64675A#676F4F
#633D85#66457A#684D70#6B5565#6E5D5A#71654F#746F42
#6F3185#733B78#76456A#7A4F5D#7D594F#816342#856F31

Colorpallet from #316F85 to #6F8531 and to #85316F
#316F85#316F85#316F85#316F85#316F85#316F85#316F85
#3B7378#3B7179#3C6F7B#3C6C7C#3D6A7E#3D687F#3E6581
#45766A#46726D#476D70#486974#496577#4B607A#4C5B7E
#4F7A5D#517362#526D66#54666B#556070#575974#59517A
#597D4F#5B7455#5D6C5C#606362#625A69#64526F#674777
#638142#66764A#686B52#6B605A#6E5561#714B69#743D73
#6F8531#73783B#766A45#7A5D4F#7D4F59#814263#85316F

Colorpallet from #316F85 to #6F8531 and to #856F31
#316F85#316F85#316F85#316F85#316F85#316F85#316F85
#3B7378#3B7278#3C7278#3C7178#3D7078#3D7078#3E6F78
#45766A#46756A#47746A#48736A#49726A#4B706A#4C6F6A
#4F7A5D#51785D#52765D#54755D#55735D#57715D#596F5D
#597D4F#5B7B4F#5D794F#60764F#62744F#64724F#676F4F
#638142#667E42#687B42#6B7842#6E7542#717342#746F42
#6F8531#738131#767E31#7A7A31#7D7731#817331#856F31

Colorpallet from #316F85 to #85316F and to #856F31
#316F85#316F85#316F85#316F85#316F85#316F85#316F85
#3E6581#3E6780#3E687E#3E6A7D#3E6B7B#3E6D7A#3E6F78
#4C5B7E#4C5E7B#4C6178#4C6574#4C6871#4C6B6E#4C6F6A
#59517A#595675#595B71#595F6C#596467#596963#596F5D
#674777#674D71#67546A#675A64#67615D#676757#676F4F
#743D73#74456B#744D63#74555B#745D54#74654C#746F42
#85316F#853B65#85455B#854F51#855947#85633D#856F31