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 #5670BD to #56BD70 and to #7056BD
#5670BD#5670BD#5670BD#5670BD#5670BD#5670BD#5670BD
#567CB1#5779B3#5777B5#5874B7#5972B9#596FBB#5A6CBD
#5689A4#5784A8#597EAC#5A79B0#5B74B4#5C6FB8#5E68BD
#569598#588D9E#5A85A4#5C7DAA#5E76B0#606EB6#6264BD
#56A18C#599694#5B8C9C#5E81A4#6177AB#646CB3#675FBD
#56AE7F#59A189#5D9393#60869D#6379A7#676CB1#6B5BBD
#56BD70#5AAD7C#5E9C89#628C95#677BA1#6B6BAE#7056BD

Colorpallet from #5670BD to #56BD70 and to #70BD56
#5670BD#5670BD#5670BD#5670BD#5670BD#5670BD#5670BD
#567CB1#577CB0#577CB0#587CAF#597CAE#597CAE#5A7CAD
#5689A4#5789A3#5989A1#5A89A0#5B899F#5C899E#5E899C
#569598#589596#5A9594#5C9592#5E9590#60958E#62958C
#56A18C#59A189#5BA187#5EA184#61A181#64A17E#67A17B
#56AE7F#59AE7C#5DAE79#60AE75#63AE72#67AE6F#6BAE6B
#56BD70#5ABD6C#5EBD68#62BD64#67BD5F#6BBD5B#70BD56

Colorpallet from #5670BD to #56BD70 and to #BD5670
#5670BD#5670BD#5670BD#5670BD#5670BD#5670BD#5670BD
#567CB1#5979B1#5B77B1#5E74B1#6072B1#636FB1#666CB1
#5689A4#5B84A4#617EA4#6679A4#6B74A4#706FA4#7768A4
#569598#5E8D98#668598#6E7D98#757698#7D6E98#876498
#56A18C#61968C#6B8C8C#76818C#80778C#8B6C8C#985F8C
#56AE7F#63A17F#70937F#7D867F#8A797F#986C7F#A85B7F
#56BD70#66AD70#779C70#878C70#987B70#A86B70#BD5670

Colorpallet from #5670BD to #56BD70 and to #BD7056
#5670BD#5670BD#5670BD#5670BD#5670BD#5670BD#5670BD
#567CB1#597AB0#5B78B0#5E76AF#6074AE#6372AE#6670AD
#5689A4#5B85A3#6181A1#667DA0#6B799F#70759E#77709C
#569598#5E8F96#668994#6E8392#757D90#7D778E#87708C
#56A18C#619989#6B9187#768984#808281#8B7A7E#98707B
#56AE7F#63A47C#709A79#7D9075#8A8672#987C6F#A8706B
#56BD70#66B16C#77A468#879864#988C5F#A87F5B#BD7056

Colorpallet from #5670BD to #7056BD and to #70BD56
#5670BD#5670BD#5670BD#5670BD#5670BD#5670BD#5670BD
#5A6CBD#5A6FBA#5A71B8#5A74B5#5A76B3#5A79B0#5A7CAD
#5E68BD#5E6DB8#5E73B2#5E78AD#5E7DA8#5E82A3#5E899C
#6264BD#626CB5#6274AD#627CA5#62839E#628B96#62958C
#675FBD#676AB2#6774A8#677F9D#678993#679488#67A17B
#6B5BBD#6B68B0#6B76A3#6B8396#6B9089#6B9D7B#6BAE6B
#7056BD#7066AD#70779C#70878C#70987B#70A86B#70BD56

Colorpallet from #5670BD to #7056BD and to #BD5670
#5670BD#5670BD#5670BD#5670BD#5670BD#5670BD#5670BD
#5A6CBD#5C6CBB#5E6CB9#606CB7#626CB5#646CB3#666CB1
#5E68BD#6268B9#6668B5#6A68B1#6E68AD#7268A9#7768A4
#6264BD#6864B7#6E64B1#7464AB#7A64A5#80649F#876498
#675FBD#6F5FB5#775FAD#7F5FA5#865F9E#8E5F96#985F8C
#6B5BBD#755BB3#7F5BA9#885B9F#925B95#9C5B8B#A85B7F
#7056BD#7C56B1#8956A4#955698#A1568C#AE567F#BD5670

Colorpallet from #5670BD to #7056BD and to #BD7056
#5670BD#5670BD#5670BD#5670BD#5670BD#5670BD#5670BD
#5A6CBD#5C6DBA#5E6DB8#606EB5#626FB3#646FB0#6670AD
#5E68BD#6269B8#666BB2#6A6CAD#6E6DA8#726EA3#77709C
#6264BD#6866B5#6E68AD#746AA5#7A6C9E#806E96#87708C
#675FBD#6F62B2#7764A8#7F679D#866A93#8E6D88#98707B
#6B5BBD#755EB0#7F62A3#886596#926889#9C6C7B#A8706B
#7056BD#7C5AAD#895E9C#95628C#A1677B#AE6B6B#BD7056

Colorpallet from #5670BD to #70BD56 and to #BD5670
#5670BD#5670BD#5670BD#5670BD#5670BD#5670BD#5670BD
#5A7CAD#5C79AE#5E77AE#6074AF#6272B0#646FB0#666CB1
#5E899C#62849D#667E9F#6A79A0#6E74A1#726FA2#7768A4
#62958C#688D8E#6E8590#747D92#7A7694#806E96#876498
#67A17B#6F967E#778C80#7F8183#867786#8E6C89#985F8C
#6BAE6B#75A16E#7F9371#888675#927978#9C6C7B#A85B7F
#70BD56#7CAD5A#899C5E#958C62#A17B67#AE6B6B#BD5670

Colorpallet from #5670BD to #70BD56 and to #BD7056
#5670BD#5670BD#5670BD#5670BD#5670BD#5670BD#5670BD
#5A7CAD#5C7AAD#5E78AD#6076AD#6274AD#6472AD#6670AD
#5E899C#62859C#66819C#6A7D9C#6E799C#72759C#77709C
#62958C#688F8C#6E898C#74838C#7A7D8C#80778C#87708C
#67A17B#6F997B#77917B#7F897B#86827B#8E7A7B#98707B
#6BAE6B#75A46B#7F9A6B#88906B#92866B#9C7C6B#A8706B
#70BD56#7CB156#89A456#959856#A18C56#AE7F56#BD7056

Colorpallet from #5670BD to #BD5670 and to #BD7056
#5670BD#5670BD#5670BD#5670BD#5670BD#5670BD#5670BD
#666CB1#666DB0#666DB0#666EAF#666FAE#666FAE#6670AD
#7768A4#7769A3#776BA1#776CA0#776D9F#776E9E#77709C
#876498#876696#876894#876A92#876C90#876E8E#87708C
#985F8C#986289#986487#986784#986A81#986D7E#98707B
#A85B7F#A85E7C#A86279#A86575#A86872#A86C6F#A8706B
#BD5670#BD5A6C#BD5E68#BD6264#BD675F#BD6B5B#BD7056