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 #506BC6 to #50C66B and to #6B50C6
#506BC6#506BC6#506BC6#506BC6#506BC6#506BC6#506BC6
#507AB7#5177B9#5174BC#5271BE#536EC1#536BC3#5467C6
#5088A9#5182AE#537CB2#5476B7#5670BC#576AC0#5962C6
#50979A#528EA1#5485A8#567CAF#5873B6#5A69BD#5D5EC6
#50A58C#539995#558D9F#5881A8#5B75B1#5E69BA#615AC6
#50B47D#54A589#579694#5B86A0#5E77AC#6268B7#6655C6
#50C66B#54B37A#59A088#5D8D97#617AA5#6668B4#6B50C6

Colorpallet from #506BC6 to #50C66B and to #6BC650
#506BC6#506BC6#506BC6#506BC6#506BC6#506BC6#506BC6
#507AB7#517AB6#517AB6#527AB5#537AB4#537AB4#547AB3
#5088A9#5188A8#5388A6#5488A5#5688A3#5788A2#5988A0
#50979A#529798#549796#569794#589792#5A9790#5D978D
#50A58C#53A589#55A586#58A583#5BA580#5EA57E#61A57A
#50B47D#54B47A#57B476#5BB473#5EB470#62B46C#66B468
#50C66B#54C667#59C662#5DC65E#61C65A#66C655#6BC650

Colorpallet from #506BC6 to #50C66B and to #C6506B
#506BC6#506BC6#506BC6#506BC6#506BC6#506BC6#506BC6
#507AB7#5377B7#5674B7#5971B7#5C6EB7#5F6BB7#6367B7
#5088A9#5682A9#5C7CA9#6276A9#6870A9#6E6AA9#7662A9
#50979A#598E9A#62859A#6B7C9A#74739A#7E699A#895E9A
#50A58C#5C998C#688D8C#74818C#81758C#8D698C#9C5A8C
#50B47D#5FA57D#6E967D#7D867D#8C777D#9B687D#AE557D
#50C66B#63B36B#76A06B#898D6B#9C7A6B#AE686B#C6506B

Colorpallet from #506BC6 to #50C66B and to #C66B50
#506BC6#506BC6#506BC6#506BC6#506BC6#506BC6#506BC6
#507AB7#5378B6#5675B6#5973B5#5C70B4#5F6EB4#636BB3
#5088A9#5683A8#5C7FA6#627AA5#6875A3#6E71A2#766BA0
#50979A#599098#628996#6B8294#747B92#7E7490#896B8D
#50A58C#5C9C89#689286#748983#818080#8D777E#9C6B7A
#50B47D#5FA87A#6E9D76#7D9173#8C8570#9B7A6C#AE6B68
#50C66B#63B767#76A962#899A5E#9C8C5A#AE7D55#C66B50

Colorpallet from #506BC6 to #6B50C6 and to #6BC650
#506BC6#506BC6#506BC6#506BC6#506BC6#506BC6#506BC6
#5467C6#546AC3#546DC0#5470BD#5473BA#5476B7#547AB3
#5962C6#5968C0#596EBA#5974B4#597AAE#5980A8#5988A0
#5D5EC6#5D67BD#5D70B4#5D79AB#5D82A2#5D8C98#5D978D
#615AC6#6166BA#6172AE#617EA2#618A95#619689#61A57A
#6655C6#6664B7#6673A8#668399#66928A#66A17B#66B468
#6B50C6#6B63B3#6B76A0#6B898D#6B9C7A#6BAE68#6BC650

Colorpallet from #506BC6 to #6B50C6 and to #C6506B
#506BC6#506BC6#506BC6#506BC6#506BC6#506BC6#506BC6
#5467C6#5667C4#5967C1#5B67BF#5E67BC#6067BA#6367B7
#5962C6#5E62C1#6262BD#6762B8#6C62B3#7062AF#7662A9
#5D5EC6#645EBF#6B5EB8#725EB1#795EAA#805EA3#895E9A
#615AC6#6A5ABD#745AB3#7D5AAA#875AA1#905A98#9C5A8C
#6655C6#7255BA#7D55AF#8955A3#945597#A0558C#AE557D
#6B50C6#7A50B7#8850A9#97509A#A5508C#B4507D#C6506B

Colorpallet from #506BC6 to #6B50C6 and to #C66B50
#506BC6#506BC6#506BC6#506BC6#506BC6#506BC6#506BC6
#5467C6#5668C3#5968C0#5B69BD#5E6ABA#606AB7#636BB3
#5962C6#5E63C0#6265BA#6766B4#6C68AE#7069A8#766BA0
#5D5EC6#6460BD#6B62B4#7264AB#7966A2#806898#896B8D
#615AC6#6A5DBA#745FAE#7D62A2#876595#906889#9C6B7A
#6655C6#7259B7#7D5CA8#896099#94638A#A0677B#AE6B68
#6B50C6#7A54B3#8859A0#975D8D#A5617A#B46668#C66B50

Colorpallet from #506BC6 to #6BC650 and to #C6506B
#506BC6#506BC6#506BC6#506BC6#506BC6#506BC6#506BC6
#547AB3#5677B4#5974B4#5B71B5#5E6EB6#606BB6#6367B7
#5988A0#5E82A1#627CA3#6776A4#6C70A6#706AA7#7662A9
#5D978D#648E8F#6B8591#727C93#797395#806997#895E9A
#61A57A#6A997D#748D80#7D8183#877586#906988#9C5A8C
#66B468#72A56B#7D966F#898672#947775#A06879#AE557D
#6BC650#7AB354#88A059#978D5D#A57A61#B46866#C6506B

Colorpallet from #506BC6 to #6BC650 and to #C66B50
#506BC6#506BC6#506BC6#506BC6#506BC6#506BC6#506BC6
#547AB3#5678B3#5975B3#5B73B3#5E70B3#606EB3#636BB3
#5988A0#5E83A0#627FA0#677AA0#6C75A0#7071A0#766BA0
#5D978D#64908D#6B898D#72828D#797B8D#80748D#896B8D
#61A57A#6A9C7A#74927A#7D897A#87807A#90777A#9C6B7A
#66B468#72A868#7D9D68#899168#948568#A07A68#AE6B68
#6BC650#7AB750#88A950#979A50#A58C50#B47D50#C66B50

Colorpallet from #506BC6 to #C6506B and to #C66B50
#506BC6#506BC6#506BC6#506BC6#506BC6#506BC6#506BC6
#6367B7#6368B6#6368B6#6369B5#636AB4#636AB4#636BB3
#7662A9#7663A8#7665A6#7666A5#7668A3#7669A2#766BA0
#895E9A#896098#896296#896494#896692#896890#896B8D
#9C5A8C#9C5D89#9C5F86#9C6283#9C6580#9C687E#9C6B7A
#AE557D#AE597A#AE5C76#AE6073#AE6370#AE676C#AE6B68
#C6506B#C65467#C65962#C65D5E#C6615A#C66655#C66B50