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 #3CB180 to #3C80B1 and to #B13C80
#3CB180#3CB180#3CB180#3CB180#3CB180#3CB180#3CB180
#3CA988#3FA787#42A585#45A484#48A283#4BA082#4F9E80
#3CA190#429E8D#489A8B#4E9788#549486#5A9083#618C80
#3C9998#459494#4E8F90#578A8C#608589#697F85#747980
#3C929F#488B9A#548495#607D90#6C768B#786F86#876680
#3C8AA7#4B81A1#5A789B#697094#78678E#875E88#9A5380
#3C80B1#4F75A9#616AA1#745F99#875492#9A4A8A#B13C80

Colorpallet from #3CB180 to #3C80B1 and to #B1803C
#3CB180#3CB180#3CB180#3CB180#3CB180#3CB180#3CB180
#3CA988#3FA985#42A982#45A97F#48A97C#4BA979#4FA975
#3CA190#42A18A#48A184#4EA17E#54A178#5AA172#61A16A
#3C9998#45998F#4E9986#57997D#609974#69996A#74995F
#3C929F#489293#549287#60927B#6C926F#789263#879254
#3C8AA7#4B8A98#5A8A89#698A7A#788A6B#878A5D#9A8A4A
#3C80B1#4F809E#61808C#748079#878066#9A8053#B1803C

Colorpallet from #3CB180 to #3C80B1 and to #803CB1
#3CB180#3CB180#3CB180#3CB180#3CB180#3CB180#3CB180
#3CA988#3EA788#40A588#41A488#43A288#45A088#479E88
#3CA190#409E90#439A90#479790#4A9490#4E9090#528C90
#3C9998#419498#478F98#4C8A98#518598#567F98#5D7998
#3C929F#438B9F#4A849F#517D9F#58769F#5F6F9F#68669F
#3C8AA7#4581A7#4D78A7#5670A7#5F67A7#675EA7#7253A7
#3C80B1#4775B1#526AB1#5D5FB1#6854B1#724AB1#803CB1

Colorpallet from #3CB180 to #3C80B1 and to #80B13C
#3CB180#3CB180#3CB180#3CB180#3CB180#3CB180#3CB180
#3CA988#3EAA85#40AC82#41AD7F#43AE7C#45AF79#47B175
#3CA190#40A48A#43A684#47A97E#4AAB78#4EAE72#52B16A
#3C9998#419D8F#47A186#4CA57D#51A874#56AC6A#5DB15F
#3C929F#439793#4A9C87#51A17B#58A66F#5FAB63#68B154
#3C8AA7#459098#4D9689#569D7A#5FA36B#67A95D#72B14A
#3C80B1#47889E#52908C#5D9879#689F66#72A753#80B13C

Colorpallet from #3CB180 to #B13C80 and to #B1803C
#3CB180#3CB180#3CB180#3CB180#3CB180#3CB180#3CB180
#4F9E80#4FA07E#4FA27C#4FA37B#4FA579#4FA777#4FA975
#618C80#618F7C#619379#619675#619972#619D6E#61A16A
#747980#747E7B#748375#748870#748D6B#749366#74995F
#876680#876D79#877472#877B6B#878264#87895D#879254
#9A5380#9A5C77#9A656F#9A6D66#9A765D#9A7F55#9A8A4A
#B13C80#B14775#B1526A#B15D5F#B16854#B1724A#B1803C

Colorpallet from #3CB180 to #B13C80 and to #803CB1
#3CB180#3CB180#3CB180#3CB180#3CB180#3CB180#3CB180
#4F9E80#4E9E81#4C9E83#4B9E84#4A9E85#499E86#479E88
#618C80#5F8C83#5C8C85#5A8C88#578C8A#558C8D#528C90
#747980#707984#6D7988#69798C#65798F#627993#5D7998
#876680#826685#7D668A#78668F#736694#6E6699#68669F
#9A5380#945386#8D538C#875393#805399#7A539F#7253A7
#B13C80#A93C88#A13C90#993C98#923C9F#8A3CA7#803CB1

Colorpallet from #3CB180 to #B13C80 and to #80B13C
#3CB180#3CB180#3CB180#3CB180#3CB180#3CB180#3CB180
#4F9E80#4EA17E#4CA47C#4BA77B#4AAA79#49AD77#47B175
#618C80#5F927C#5C9879#5A9E75#57A472#55AA6E#52B16A
#747980#70827B#6D8B75#699470#659D6B#62A666#5DB15F
#876680#827279#7D7E72#788A6B#739664#6EA25D#68B154
#9A5380#946277#8D716F#878066#808F5D#7A9E55#72B14A
#B13C80#A94F75#A1616A#99745F#928754#8A9A4A#80B13C

Colorpallet from #3CB180 to #B1803C and to #803CB1
#3CB180#3CB180#3CB180#3CB180#3CB180#3CB180#3CB180
#4FA975#4EA778#4CA57B#4BA47E#4AA281#49A084#479E88
#61A16A#5F9E70#5C9A76#5A977C#579482#559088#528C90
#74995F#709468#6D8F71#698A7A#658583#627F8D#5D7998
#879254#828B60#7D846C#787D78#737684#6E6F90#68669F
#9A8A4A#948159#8D7868#877077#806786#7A5E94#7253A7
#B1803C#A9754F#A16A61#995F74#925487#8A4A9A#803CB1

Colorpallet from #3CB180 to #B1803C and to #80B13C
#3CB180#3CB180#3CB180#3CB180#3CB180#3CB180#3CB180
#4FA975#4EAA75#4CAC75#4BAD75#4AAE75#49AF75#47B175
#61A16A#5FA46A#5CA66A#5AA96A#57AB6A#55AE6A#52B16A
#74995F#709D5F#6DA15F#69A55F#65A85F#62AC5F#5DB15F
#879254#829754#7D9C54#78A154#73A654#6EAB54#68B154
#9A8A4A#94904A#8D964A#879D4A#80A34A#7AA94A#72B14A
#B1803C#A9883C#A1903C#99983C#929F3C#8AA73C#80B13C

Colorpallet from #3CB180 to #803CB1 and to #80B13C
#3CB180#3CB180#3CB180#3CB180#3CB180#3CB180#3CB180
#479E88#47A185#47A482#47A77F#47AA7C#47AD79#47B175
#528C90#52928A#529884#529E7E#52A478#52AA72#52B16A
#5D7998#5D828F#5D8B86#5D947D#5D9D74#5DA66A#5DB15F
#68669F#687293#687E87#688A7B#68966F#68A263#68B154
#7253A7#726298#727189#72807A#728F6B#729E5D#72B14A
#803CB1#804F9E#80618C#807479#808766#809A53#80B13C