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 #316AA6 to #31A66A and to #6A31A6
#316AA6#316AA6#316AA6#316AA6#316AA6#316AA6#316AA6
#31749C#32719E#346E9F#356BA1#3768A2#3865A4#3A61A6
#317D93#347796#377199#3A6B9C#3D659F#3F5FA2#4358A6
#318789#357E8E#3A7592#3E6C97#42639C#475AA0#4C4FA6
#319080#378486#3D788C#426C92#486198#4E559E#5546A6
#319A76#388B7E#407C85#476D8D#4E5E95#564F9C#5F3CA6
#31A66A#3A9374#43817D#4C6E87#555B90#5F489A#6A31A6

Colorpallet from #316AA6 to #31A66A and to #6AA631
#316AA6#316AA6#316AA6#316AA6#316AA6#316AA6#316AA6
#31749C#32749B#347499#357498#377496#387495#3A7493
#317D93#347D90#377D8D#3A7D8A#3D7D87#3F7D85#437D81
#318789#358785#3A8780#3E877C#428778#478773#4C876E
#319080#37907A#3D9074#42906E#489068#4E9062#55905B
#319A76#389A6F#409A67#479A60#4E9A59#569A51#5F9A48
#31A66A#3AA661#43A658#4CA64F#55A646#5FA63C#6AA631

Colorpallet from #316AA6 to #31A66A and to #A6316A
#316AA6#316AA6#316AA6#316AA6#316AA6#316AA6#316AA6
#31749C#34719C#376E9C#3A6B9C#3D689C#40659C#44619C
#317D93#377793#3D7193#436B93#496593#4F5F93#565893
#318789#3A7E89#437589#4C6C89#556389#5E5A89#694F89
#319080#3D8480#497880#556C80#616180#6D5580#7C4680
#319A76#408B76#4F7C76#5E6D76#6D5E76#7C4F76#8F3C76
#31A66A#44936A#56816A#696E6A#7C5B6A#8F486A#A6316A

Colorpallet from #316AA6 to #31A66A and to #A66A31
#316AA6#316AA6#316AA6#316AA6#316AA6#316AA6#316AA6
#31749C#34729B#377199#3A6F98#3D6E96#406C95#446A93
#317D93#377A90#3D778D#43748A#497187#4F6E85#566A81
#318789#3A8285#437E80#4C797C#557478#5E7073#696A6E
#319080#3D8A7A#498474#557E6E#617868#6D7262#7C6A5B
#319A76#40926F#4F8B67#5E8360#6D7B59#7C7451#8F6A48
#31A66A#449C61#569358#69894F#7C8046#8F763C#A66A31

Colorpallet from #316AA6 to #6A31A6 and to #6AA631
#316AA6#316AA6#316AA6#316AA6#316AA6#316AA6#316AA6
#3A61A6#3A64A3#3A67A0#3A6A9D#3A6D9A#3A7097#3A7493
#4358A6#435EA0#43649A#436A94#43708E#437688#437D81
#4C4FA6#4C589D#4C6194#4C6A8B#4C7382#4C7C79#4C876E
#5546A6#55529A#555E8E#556A82#557576#55816A#55905B
#5F3CA6#5F4B97#5F5A88#5F6979#5F786A#5F875B#5F9A48
#6A31A6#6A4493#6A5681#6A696E#6A7C5B#6A8F48#6AA631

Colorpallet from #316AA6 to #6A31A6 and to #A6316A
#316AA6#316AA6#316AA6#316AA6#316AA6#316AA6#316AA6
#3A61A6#3C61A4#3D61A3#3F61A1#4061A0#42619E#44619C
#4358A6#4658A3#4958A0#4C589D#4F589A#525897#565893
#4C4FA6#514FA1#554F9D#5A4F98#5F4F93#634F8F#694F89
#5546A6#5B46A0#61469A#684694#6E468E#744688#7C4680
#5F3CA6#673C9E#6E3C97#763C8F#7E3C87#853C80#8F3C76
#6A31A6#74319C#7D3193#873189#903180#9A3176#A6316A

Colorpallet from #316AA6 to #6A31A6 and to #A66A31
#316AA6#316AA6#316AA6#316AA6#316AA6#316AA6#316AA6
#3A61A6#3C62A3#3D64A0#3F659D#40679A#426897#446A93
#4358A6#465BA0#495E9A#4C6194#4F648E#526688#566A81
#4C4FA6#51539D#555894#5A5C8B#5F6082#636579#696A6E
#5546A6#5B4C9A#61528E#685782#6E5D76#74636A#7C6A5B
#5F3CA6#674397#6E4B88#765279#7E596A#85615B#8F6A48
#6A31A6#743A93#7D4381#874C6E#90555B#9A5F48#A66A31

Colorpallet from #316AA6 to #6AA631 and to #A6316A
#316AA6#316AA6#316AA6#316AA6#316AA6#316AA6#316AA6
#3A7493#3C7194#3D6E96#3F6B97#406899#42659A#44619C
#437D81#467784#497187#4C6B8A#4F658D#525F8F#565893
#4C876E#517E72#557577#5A6C7B#5F637F#635A84#694F89
#55905B#5B8461#617867#686C6D#6E6173#745579#7C4680
#5F9A48#678B4F#6E7C57#766D5E#7E5E65#854F6D#8F3C76
#6AA631#74933A#7D8143#876E4C#905B55#9A485F#A6316A

Colorpallet from #316AA6 to #6AA631 and to #A66A31
#316AA6#316AA6#316AA6#316AA6#316AA6#316AA6#316AA6
#3A7493#3C7293#3D7193#3F6F93#406E93#426C93#446A93
#437D81#467A81#497781#4C7481#4F7181#526E81#566A81
#4C876E#51826E#557E6E#5A796E#5F746E#63706E#696A6E
#55905B#5B8A5B#61845B#687E5B#6E785B#74725B#7C6A5B
#5F9A48#679248#6E8B48#768348#7E7B48#857448#8F6A48
#6AA631#749C31#7D9331#878931#908031#9A7631#A66A31

Colorpallet from #316AA6 to #A6316A and to #A66A31
#316AA6#316AA6#316AA6#316AA6#316AA6#316AA6#316AA6
#44619C#44629B#446499#446598#446796#446895#446A93
#565893#565B90#565E8D#56618A#566487#566685#566A81
#694F89#695385#695880#695C7C#696078#696573#696A6E
#7C4680#7C4C7A#7C5274#7C576E#7C5D68#7C6362#7C6A5B
#8F3C76#8F436F#8F4B67#8F5260#8F5959#8F6151#8F6A48
#A6316A#A63A61#A64358#A64C4F#A65546#A65F3C#A66A31