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 #507CAF to #50AF7C and to #7C50AF
#507CAF#507CAF#507CAF#507CAF#507CAF#507CAF#507CAF
#5084A7#5182A8#527FAA#537DAB#547AAC#5678AD#5775AF
#508C9F#5287A2#5482A4#577EA7#5979A9#5B74AC#5E6EAF
#509497#538D9B#57869F#5A7EA3#5D77A6#6170AA#6567AF
#509D8E#549393#598999#5D809E#6276A3#666CA8#6C60AF
#50A586#56998D#5B8D93#61819A#6674A0#6C68A7#7359AF
#50AF7C#57A084#5E918C#658194#6C729D#7363A5#7C50AF

Colorpallet from #507CAF to #50AF7C and to #7CAF50
#507CAF#507CAF#507CAF#507CAF#507CAF#507CAF#507CAF
#5084A7#5184A6#5284A5#5384A4#5484A3#5684A1#5784A0
#508C9F#528C9D#548C9B#578C98#598C96#5B8C94#5E8C91
#509497#539493#579490#5A948C#5D9489#619485#659481
#509D8E#549D8A#599D85#5D9D81#629D7C#669D78#6C9D72
#50A586#56A580#5BA57B#61A575#66A570#6CA56A#73A563
#50AF7C#57AF75#5EAF6E#65AF67#6CAF60#73AF59#7CAF50

Colorpallet from #507CAF to #50AF7C and to #AF507C
#507CAF#507CAF#507CAF#507CAF#507CAF#507CAF#507CAF
#5084A7#5282A7#557FA7#577DA7#5A7AA7#5C78A7#5F75A7
#508C9F#55879F#5A829F#5E7E9F#63799F#68749F#6E6E9F
#509497#578D97#5F8697#667E97#6D7797#757097#7E6797
#509D8E#5A938E#64898E#6D808E#77768E#816C8E#8D608E
#50A586#5C9986#688D86#748186#817486#8D6886#9C5986
#50AF7C#5FA07C#6E917C#7E817C#8D727C#9C637C#AF507C

Colorpallet from #507CAF to #50AF7C and to #AF7C50
#507CAF#507CAF#507CAF#507CAF#507CAF#507CAF#507CAF
#5084A7#5283A6#5581A5#5780A4#5A7FA3#5C7EA1#5F7CA0
#508C9F#55899D#5A879B#5E8498#638296#687F94#6E7C91
#509497#579093#5F8C90#66888C#6D8589#758185#7E7C81
#509D8E#5A988A#649285#6D8D81#77887C#818378#8D7C72
#50A586#5C9E80#68987B#749175#818B70#8D846A#9C7C63
#50AF7C#5FA775#6E9F6E#7E9767#8D8E60#9C8659#AF7C50

Colorpallet from #507CAF to #7C50AF and to #7CAF50
#507CAF#507CAF#507CAF#507CAF#507CAF#507CAF#507CAF
#5775AF#5777AD#577AAA#577CA8#577FA5#5781A3#5784A0
#5E6EAF#5E73AA#5E78A5#5E7CA1#5E819C#5E8697#5E8C91
#6567AF#656EA8#6575A0#657D99#658492#658B8A#659481
#6C60AF#6C6AA5#6C749B#6C7D92#6C8788#6C917E#6C9D72
#7359AF#7365A3#737197#737D8B#738A7E#739672#73A563
#7C50AF#7C5FA0#7C6E91#7C7E81#7C8D72#7C9C63#7CAF50

Colorpallet from #507CAF to #7C50AF and to #AF507C
#507CAF#507CAF#507CAF#507CAF#507CAF#507CAF#507CAF
#5775AF#5875AE#5A75AC#5B75AB#5C75AA#5D75A9#5F75A7
#5E6EAF#616EAC#636EAA#666EA7#686EA5#6B6EA2#6E6E9F
#6567AF#6967AB#6D67A7#7167A3#7567A0#79679C#7E6797
#6C60AF#7160AA#7760A4#7C609F#81609A#866095#8D608E
#7359AF#7A59A8#8059A2#87599B#8D5995#94598E#9C5986
#7C50AF#8450A7#8C509F#945097#9D508E#A55086#AF507C

Colorpallet from #507CAF to #7C50AF and to #AF7C50
#507CAF#507CAF#507CAF#507CAF#507CAF#507CAF#507CAF
#5775AF#5876AD#5A77AA#5B78A8#5C79A5#5D7BA3#5F7CA0
#5E6EAF#6170AA#6372A5#6675A1#68779C#6B7997#6E7C91
#6567AF#696AA8#6D6EA0#717199#757492#79788A#7E7C81
#6C60AF#7164A5#77699B#7C6D92#817288#86767E#8D7C72
#7359AF#7A5FA3#806497#876A8B#8D6F7E#947572#9C7C63
#7C50AF#8457A0#8C5E91#946581#9D6C72#A57363#AF7C50

Colorpallet from #507CAF to #7CAF50 and to #AF507C
#507CAF#507CAF#507CAF#507CAF#507CAF#507CAF#507CAF
#5784A0#5882A1#5A7FA2#5B7DA3#5C7AA4#5D78A6#5F75A7
#5E8C91#618793#638295#667E98#68799A#6B749C#6E6E9F
#659481#698D85#6D8688#717E8C#75778F#797093#7E6797
#6C9D72#719376#77897B#7C807F#817684#866C88#8D608E
#73A563#7A9969#808D6E#878174#8D7479#94687F#9C5986
#7CAF50#84A057#8C915E#948165#9D726C#A56373#AF507C

Colorpallet from #507CAF to #7CAF50 and to #AF7C50
#507CAF#507CAF#507CAF#507CAF#507CAF#507CAF#507CAF
#5784A0#5883A0#5A81A0#5B80A0#5C7FA0#5D7EA0#5F7CA0
#5E8C91#618991#638791#668491#688291#6B7F91#6E7C91
#659481#699081#6D8C81#718881#758581#798181#7E7C81
#6C9D72#719872#779272#7C8D72#818872#868372#8D7C72
#73A563#7A9E63#809863#879163#8D8B63#948463#9C7C63
#7CAF50#84A750#8C9F50#949750#9D8E50#A58650#AF7C50

Colorpallet from #507CAF to #AF507C and to #AF7C50
#507CAF#507CAF#507CAF#507CAF#507CAF#507CAF#507CAF
#5F75A7#5F76A6#5F77A5#5F78A4#5F79A3#5F7BA1#5F7CA0
#6E6E9F#6E709D#6E729B#6E7598#6E7796#6E7994#6E7C91
#7E6797#7E6A93#7E6E90#7E718C#7E7489#7E7885#7E7C81
#8D608E#8D648A#8D6985#8D6D81#8D727C#8D7678#8D7C72
#9C5986#9C5F80#9C647B#9C6A75#9C6F70#9C756A#9C7C63
#AF507C#AF5775#AF5E6E#AF6567#AF6C60#AF7359#AF7C50