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 #508D8C to #508C8D and to #8D508C
#508D8C#508D8C#508D8C#508D8C#508D8C#508D8C#508D8C
#508D8C#528B8C#538A8C#55888C#56878C#58858C#5A838C
#508D8C#538A8C#56878C#5A838C#5D808C#607D8C#64798C
#508D8C#55888C#59848C#5E7F8C#637A8C#67768C#6D708C
#508C8D#56868D#5C808D#637A8D#69748C#6F6E8C#77668C
#508C8D#58848D#607D8D#68758D#6F6D8C#77668C#815C8C
#508C8D#5A828D#64798D#6D6F8D#77668C#815C8C#8D508C

Colorpallet from #508D8C to #508C8D and to #8D8C50
#508D8C#508D8C#508D8C#508D8C#508D8C#508D8C#508D8C
#508D8C#528D8A#538D89#558D87#568D86#588D84#5A8D82
#508D8C#538D89#568D86#5A8D83#5D8D80#608D7D#648D79
#508D8C#558D87#598D83#5E8D7E#638D79#678D75#6D8D6F
#508C8D#568C87#5C8C81#638C7A#698C74#6F8C6E#778C66
#508C8D#588C85#608C7D#688C75#6F8C6E#778C66#818C5C
#508C8D#5A8C83#648C79#6D8C70#778C66#818C5C#8D8C50

Colorpallet from #508D8C to #508C8D and to #8C508D
#508D8C#508D8C#508D8C#508D8C#508D8C#508D8C#508D8C
#508D8C#528B8C#538A8C#55888C#56878C#58858C#5A838C
#508D8C#538A8C#56878C#59838C#5C808C#5F7D8C#63798C
#508D8C#55888C#59848C#5E7F8C#637A8C#67768C#6D708C
#508C8D#56868D#5C808D#627A8D#68748D#6E6E8D#76668D
#508C8D#58848D#5F7D8D#67758D#6F6D8D#76668D#805C8D
#508C8D#5A828D#63798D#6D6F8D#76668D#805C8D#8C508D

Colorpallet from #508D8C to #508C8D and to #8C8D50
#508D8C#508D8C#508D8C#508D8C#508D8C#508D8C#508D8C
#508D8C#528D8A#538D89#558D87#568D86#588D84#5A8D82
#508D8C#538D89#568D86#598D83#5C8D80#5F8D7D#638D79
#508D8C#558D87#598D83#5E8D7E#638D79#678D75#6D8D6F
#508C8D#568C87#5C8C81#628C7A#688D74#6E8D6E#768D66
#508C8D#588C85#5F8C7D#678C75#6F8D6E#768D66#808D5C
#508C8D#5A8C83#638C79#6D8C70#768D66#808D5C#8C8D50

Colorpallet from #508D8C to #8D508C and to #8D8C50
#508D8C#508D8C#508D8C#508D8C#508D8C#508D8C#508D8C
#5A838C#5A858A#5A8689#5A8887#5A8986#5A8B84#5A8D82
#64798C#647C89#647F86#648383#648680#64897D#648D79
#6D708C#6D7587#6D7983#6D7E7E#6D8379#6D8775#6D8D6F
#77668C#776C86#777280#77787A#777E74#77846E#778C66
#815C8C#816484#816B7D#817375#817B6D#818266#818C5C
#8D508C#8D5A82#8D6379#8D6D6F#8D7666#8D805C#8D8C50

Colorpallet from #508D8C to #8D508C and to #8C508D
#508D8C#508D8C#508D8C#508D8C#508D8C#508D8C#508D8C
#5A838C#5A838C#5A838C#5A838C#5A838C#5A838C#5A838C
#64798C#64798C#64798C#64798C#63798C#63798C#63798C
#6D708C#6D708C#6D708C#6D708C#6D708C#6D708C#6D708C
#77668C#77668C#77668C#77668C#76668D#76668D#76668D
#815C8C#815C8C#815C8C#815C8C#805C8D#805C8D#805C8D
#8D508C#8D508C#8D508C#8D508C#8C508D#8C508D#8C508D

Colorpallet from #508D8C to #8D508C and to #8C8D50
#508D8C#508D8C#508D8C#508D8C#508D8C#508D8C#508D8C
#5A838C#5A858A#5A8689#5A8887#5A8986#5A8B84#5A8D82
#64798C#647C89#647F86#648383#638680#63897D#638D79
#6D708C#6D7587#6D7983#6D7E7E#6D8379#6D8775#6D8D6F
#77668C#776C86#777280#77797A#767F74#76856E#768D66
#815C8C#816484#816C7D#817475#807B6D#808366#808D5C
#8D508C#8D5A82#8D6479#8D6D6F#8C7766#8C815C#8C8D50

Colorpallet from #508D8C to #8D8C50 and to #8C508D
#508D8C#508D8C#508D8C#508D8C#508D8C#508D8C#508D8C
#5A8D82#5A8B84#5A8A85#5A8887#5A8788#5A858A#5A838C
#648D79#648A7C#64877F#648382#638085#637D88#63798C
#6D8D6F#6D8874#6D8478#6D7F7D#6D7A82#6D7686#6D708C
#778C66#77866C#778072#777A79#76747F#766E85#76668D
#818C5C#818464#817D6C#817574#806D7B#806683#805C8D
#8D8C50#8D825A#8D7964#8D6F6D#8C6677#8C5C81#8C508D

Colorpallet from #508D8C to #8D8C50 and to #8C8D50
#508D8C#508D8C#508D8C#508D8C#508D8C#508D8C#508D8C
#5A8D82#5A8D82#5A8D82#5A8D82#5A8D82#5A8D82#5A8D82
#648D79#648D79#648D79#648D79#638D79#638D79#638D79
#6D8D6F#6D8D6F#6D8D6F#6D8D6F#6D8D6F#6D8D6F#6D8D6F
#778C66#778C66#778C66#778C66#768D66#768D66#768D66
#818C5C#818C5C#818C5C#818C5C#808D5C#808D5C#808D5C
#8D8C50#8D8C50#8D8C50#8D8C50#8C8D50#8C8D50#8C8D50

Colorpallet from #508D8C to #8C508D and to #8C8D50
#508D8C#508D8C#508D8C#508D8C#508D8C#508D8C#508D8C
#5A838C#5A858A#5A8689#5A8887#5A8986#5A8B84#5A8D82
#63798C#637C89#637F86#638383#638680#63897D#638D79
#6D708C#6D7587#6D7983#6D7E7E#6D8379#6D8775#6D8D6F
#76668D#766C87#767281#76797A#767F74#76856E#768D66
#805C8D#806485#806C7D#807475#807B6E#808366#808D5C
#8C508D#8C5A83#8C6479#8C6D70#8C7766#8C815C#8C8D50