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 #315AA6 to #31A65A and to #5A31A6
#315AA6#315AA6#315AA6#315AA6#315AA6#315AA6#315AA6
#31669A#32639C#33609E#345DA0#355AA2#3757A4#3853A6
#31728E#336C92#356696#37609A#395A9D#3B54A1#3E4DA6
#317E82#347588#376C8E#3B6393#3E5A99#41519F#4546A6
#318B75#357F7D#397385#3D678D#425B94#464F9C#4B40A6
#319769#368873#3C797D#416A86#465B90#4B4C9A#5239A6
#31A65A#389366#3E8172#456E7E#4B5B8B#524897#5A31A6

Colorpallet from #315AA6 to #31A65A and to #5AA631
#315AA6#315AA6#315AA6#315AA6#315AA6#315AA6#315AA6
#31669A#326699#336698#346697#356696#376694#386693
#31728E#33728C#35728A#377288#397286#3B7284#3E7281
#317E82#347E7F#377E7C#3B7E78#3E7E75#417E72#457E6E
#318B75#358B71#398B6D#3D8B69#428B64#468B60#4B8B5B
#319769#369764#3C975E#419759#469754#4B974F#529748
#31A65A#38A653#3EA64D#45A646#4BA640#52A639#5AA631

Colorpallet from #315AA6 to #31A65A and to #A6315A
#315AA6#315AA6#315AA6#315AA6#315AA6#315AA6#315AA6
#31669A#34639A#37609A#3A5D9A#3D5A9A#40579A#44539A
#31728E#376C8E#3D668E#43608E#495A8E#4F548E#564D8E
#317E82#3A7582#436C82#4C6382#555A82#5E5182#694682
#318B75#3D7F75#497375#556775#615B75#6D4F75#7C4075
#319769#408869#4F7969#5E6A69#6D5B69#7C4C69#8F3969
#31A65A#44935A#56815A#696E5A#7C5B5A#8F485A#A6315A

Colorpallet from #315AA6 to #31A65A and to #A65A31
#315AA6#315AA6#315AA6#315AA6#315AA6#315AA6#315AA6
#31669A#346499#376298#3A6097#3D5E96#405C94#445A93
#31728E#376E8C#3D6A8A#436688#496386#4F5F84#565A81
#317E82#3A787F#43727C#4C6D78#556775#5E6172#695A6E
#318B75#3D8371#497B6D#557369#616C64#6D6460#7C5A5B
#319769#408D64#4F835E#5E7A59#6D7054#7C664F#8F5A48
#31A65A#449A53#568E4D#698246#7C7540#8F6939#A65A31

Colorpallet from #315AA6 to #5A31A6 and to #5AA631
#315AA6#315AA6#315AA6#315AA6#315AA6#315AA6#315AA6
#3853A6#3856A3#3859A0#385C9D#385F9A#386297#386693
#3E4DA6#3E53A0#3E599A#3E5F94#3E658E#3E6B88#3E7281
#4546A6#454F9D#455894#45618B#456A82#457379#457E6E
#4B40A6#4B4C9A#4B588E#4B6482#4B7076#4B7C6A#4B8B5B
#5239A6#524897#525788#526679#52756A#52845B#529748
#5A31A6#5A4493#5A5681#5A696E#5A7C5B#5A8F48#5AA631

Colorpallet from #315AA6 to #5A31A6 and to #A6315A
#315AA6#315AA6#315AA6#315AA6#315AA6#315AA6#315AA6
#3853A6#3A53A4#3C53A2#3E53A0#40539E#42539C#44539A
#3E4DA6#424DA2#464D9E#4A4D9A#4D4D97#514D93#564D8E
#4546A6#4B46A0#51469A#564695#5C468F#624689#694682
#4B40A6#53409E#5B4096#63408E#6A4087#72407F#7C4075
#5239A6#5C399C#663992#6F3989#79397F#833975#8F3969
#5A31A6#66319A#72318E#7E3182#8B3175#973169#A6315A

Colorpallet from #315AA6 to #5A31A6 and to #A65A31
#315AA6#315AA6#315AA6#315AA6#315AA6#315AA6#315AA6
#3853A6#3A54A3#3C55A0#3E569D#40579A#425997#445A93
#3E4DA6#424FA0#46519A#4A5394#4D558E#515788#565A81
#4546A6#4B499D#514C94#56508B#5C5382#625679#695A6E
#4B40A6#53449A#5B488E#634C82#6A5176#72556A#7C5A5B
#5239A6#5C3E97#664488#6F4979#794E6A#83535B#8F5A48
#5A31A6#663893#723E81#7E456E#8B4B5B#975248#A65A31

Colorpallet from #315AA6 to #5AA631 and to #A6315A
#315AA6#315AA6#315AA6#315AA6#315AA6#315AA6#315AA6
#386693#3A6394#3C6095#3E5D96#405A97#425799#44539A
#3E7281#426C83#466685#4A6087#4D5A89#51548B#564D8E
#457E6E#4B7571#516C74#566378#5C5A7B#62517E#694682
#4B8B5B#537F5F#5B7363#636767#6A5B6C#724F70#7C4075
#529748#5C884D#667953#6F6A58#795B5D#834C62#8F3969
#5AA631#669338#72813E#7E6E45#8B5B4B#974852#A6315A

Colorpallet from #315AA6 to #5AA631 and to #A65A31
#315AA6#315AA6#315AA6#315AA6#315AA6#315AA6#315AA6
#386693#3A6493#3C6293#3E6093#405E93#425C93#445A93
#3E7281#426E81#466A81#4A6681#4D6381#515F81#565A81
#457E6E#4B786E#51726E#566D6E#5C676E#62616E#695A6E
#4B8B5B#53835B#5B7B5B#63735B#6A6C5B#72645B#7C5A5B
#529748#5C8D48#668348#6F7A48#797048#836648#8F5A48
#5AA631#669A31#728E31#7E8231#8B7531#976931#A65A31

Colorpallet from #315AA6 to #A6315A and to #A65A31
#315AA6#315AA6#315AA6#315AA6#315AA6#315AA6#315AA6
#44539A#445499#445598#445697#445796#445994#445A93
#564D8E#564F8C#56518A#565388#565586#565784#565A81
#694682#69497F#694C7C#695078#695375#695672#695A6E
#7C4075#7C4471#7C486D#7C4C69#7C5164#7C5560#7C5A5B
#8F3969#8F3E64#8F445E#8F4959#8F4E54#8F534F#8F5A48
#A6315A#A63853#A63E4D#A64546#A64B40#A65239#A65A31