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 #508CA6 to #50A68C and to #8C50A6
#508CA6#508CA6#508CA6#508CA6#508CA6#508CA6#508CA6
#5090A2#528EA3#538CA3#5589A4#5687A5#5885A5#5A82A6
#50949E#53909F#568BA1#5987A2#5C83A3#5F7EA4#6379A6
#50989A#55919C#598B9E#5E84A0#637EA2#6777A4#6D6FA6
#509D95#569498#5C8B9A#62839D#687AA0#6E71A3#7666A6
#50A191#589694#5F8B98#67809B#6F759E#766AA2#805CA6
#50A68C#5A9890#638A94#6D7D98#766F9D#8061A1#8C50A6

Colorpallet from #508CA6 to #50A68C and to #8CA650
#508CA6#508CA6#508CA6#508CA6#508CA6#508CA6#508CA6
#5090A2#5290A0#53909F#55909D#56909C#58909A#5A9098
#50949E#53949B#569498#599494#5C9491#5F948E#63948A
#50989A#559895#599891#5E988C#639887#679883#6D987D
#509D95#569D8F#5C9D89#629D83#689D7D#6E9D77#769D6F
#50A191#58A189#5FA182#67A17A#6FA172#76A16B#80A161
#50A68C#5AA682#63A679#6DA66F#76A666#80A65C#8CA650

Colorpallet from #508CA6 to #50A68C and to #A6508C
#508CA6#508CA6#508CA6#508CA6#508CA6#508CA6#508CA6
#5090A2#528EA2#548CA2#5789A2#5987A2#5B85A2#5E82A2
#50949E#54909E#598B9E#5D879E#62839E#667E9E#6C799E
#50989A#57919A#5D8B9A#64849A#6A7E9A#71779A#796F9A
#509D95#599495#628B95#6A8395#737A95#7C7195#876695
#50A191#5B9691#668B91#718091#7C7591#876A91#955C91
#50A68C#5E988C#6C8A8C#797D8C#876F8C#95618C#A6508C

Colorpallet from #508CA6 to #50A68C and to #A68C50
#508CA6#508CA6#508CA6#508CA6#508CA6#508CA6#508CA6
#5090A2#528FA0#548F9F#578E9D#598D9C#5B8D9A#5E8C98
#50949E#54939B#599198#5D9094#628F91#668E8E#6C8C8A
#50989A#579695#5D9491#64928C#6A9087#718E83#798C7D
#509D95#599A8F#629889#6A9583#73927D#7C8F77#878C6F
#50A191#5B9E89#669A82#71977A#7C9472#87906B#958C61
#50A68C#5EA282#6C9E79#799A6F#879566#95915C#A68C50

Colorpallet from #508CA6 to #8C50A6 and to #8CA650
#508CA6#508CA6#508CA6#508CA6#508CA6#508CA6#508CA6
#5A82A6#5A84A4#5A86A2#5A899F#5A8B9D#5A8D9B#5A9098
#6379A6#637DA2#63829D#638699#638A94#638F90#63948A
#6D6FA6#6D769F#6D7C99#6D8392#6D898C#6D9085#6D987D
#7666A6#766F9D#767894#76808C#768983#76927A#769D6F
#805CA6#80679B#807290#807D85#80887A#80936F#80A161
#8C50A6#8C5E98#8C6C8A#8C797D#8C876F#8C9561#8CA650

Colorpallet from #508CA6 to #8C50A6 and to #A6508C
#508CA6#508CA6#508CA6#508CA6#508CA6#508CA6#508CA6
#5A82A6#5B82A5#5B82A5#5C82A4#5D82A3#5D82A3#5E82A2
#6379A6#6479A5#6679A3#6779A2#6979A1#6A79A0#6C799E
#6D6FA6#6F6FA4#716FA2#736FA0#756F9E#776F9C#796F9A
#7666A6#7966A3#7B66A1#7E669E#81669B#846698#876695
#805CA6#835CA3#875C9F#8A5C9C#8D5C99#915C95#955C91
#8C50A6#9050A2#94509E#98509A#9D5095#A15091#A6508C

Colorpallet from #508CA6 to #8C50A6 and to #A68C50
#508CA6#508CA6#508CA6#508CA6#508CA6#508CA6#508CA6
#5A82A6#5B84A4#5B85A2#5C879F#5D889D#5D8A9B#5E8C98
#6379A6#647CA2#667F9D#678299#698594#6A8890#6C8C8A
#6D6FA6#6F749F#717899#737D92#75828C#778685#798C7D
#7666A6#796C9D#7B7294#7E788C#817E83#84847A#878C6F
#805CA6#83649B#876B90#8A7385#8D7B7A#91826F#958C61
#8C50A6#905A98#94638A#986D7D#9D766F#A18061#A68C50

Colorpallet from #508CA6 to #8CA650 and to #A6508C
#508CA6#508CA6#508CA6#508CA6#508CA6#508CA6#508CA6
#5A9098#5B8E9A#5B8C9B#5C899D#5D879E#5D85A0#5E82A2
#63948A#64908D#668B90#678794#698397#6A7E9A#6C799E
#6D987D#6F9182#718B86#73848B#757E90#777794#796F9A
#769D6F#799475#7B8B7B#7E8381#817A87#84718D#876695
#80A161#839669#878B70#8A8078#8D7580#916A87#955C91
#8CA650#90985A#948A63#987D6D#9D6F76#A16180#A6508C

Colorpallet from #508CA6 to #8CA650 and to #A68C50
#508CA6#508CA6#508CA6#508CA6#508CA6#508CA6#508CA6
#5A9098#5B8F98#5B8F98#5C8E98#5D8D98#5D8D98#5E8C98
#63948A#64938A#66918A#67908A#698F8A#6A8E8A#6C8C8A
#6D987D#6F967D#71947D#73927D#75907D#778E7D#798C7D
#769D6F#799A6F#7B986F#7E956F#81926F#848F6F#878C6F
#80A161#839E61#879A61#8A9761#8D9461#919061#958C61
#8CA650#90A250#949E50#989A50#9D9550#A19150#A68C50

Colorpallet from #508CA6 to #A6508C and to #A68C50
#508CA6#508CA6#508CA6#508CA6#508CA6#508CA6#508CA6
#5E82A2#5E84A0#5E859F#5E879D#5E889C#5E8A9A#5E8C98
#6C799E#6C7C9B#6C7F98#6C8294#6C8591#6C888E#6C8C8A
#796F9A#797495#797891#797D8C#798287#798683#798C7D
#876695#876C8F#877289#877883#877E7D#878477#878C6F
#955C91#956489#956B82#95737A#957B72#95826B#958C61
#A6508C#A65A82#A66379#A66D6F#A67666#A6805C#A68C50