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 #3682B6 to #36B682 and to #8236B6
#3682B6#3682B6#3682B6#3682B6#3682B6#3682B6#3682B6
#368AAE#3887AF#3A84B1#3C80B2#3E7DB3#407AB4#4276B6
#3693A5#3A8CA8#3E86AA#427FAD#4579B0#4972B3#4E6AB6
#369B9D#3C91A1#4287A5#477EA9#4D74AD#536AB1#5A5EB6
#36A395#3E969A#4689A0#4E7CA5#556FAA#5D61AF#6751B6
#36AC8C#409C93#4A8B99#537BA0#5D6AA7#675AAE#7345B6
#36B682#42A28A#4E8D93#5A799B#6764A3#7350AC#8236B6

Colorpallet from #3682B6 to #36B682 and to #82B636
#3682B6#3682B6#3682B6#3682B6#3682B6#3682B6#3682B6
#368AAE#388AAC#3A8AAA#3C8AA8#3E8AA6#408AA4#428AA2
#3693A5#3A93A1#3E939D#429399#459396#499392#4E938D
#369B9D#3C9B97#429B91#479B8C#4D9B86#539B80#5A9B79
#36A395#3EA38D#46A385#4EA37D#55A376#5DA36E#67A364
#36AC8C#40AC82#4AAC79#53AC6F#5DAC66#67AC5C#73AC50
#36B682#42B676#4EB66A#5AB65E#67B651#73B645#82B636

Colorpallet from #3682B6 to #36B682 and to #B63682
#3682B6#3682B6#3682B6#3682B6#3682B6#3682B6#3682B6
#368AAE#3987AE#3C84AE#4080AE#437DAE#467AAE#4A76AE
#3693A5#3D8CA5#4386A5#4A7FA5#5079A5#5772A5#5F6AA5
#369B9D#40919D#4A879D#537E9D#5D749D#676A9D#735E9D
#36A395#439695#508995#5D7C95#6A6F95#786195#885195
#36AC8C#469C8C#578B8C#677B8C#776A8C#885A8C#9C458C
#36B682#4AA282#5F8D82#737982#886482#9C5082#B63682

Colorpallet from #3682B6 to #36B682 and to #B68236
#3682B6#3682B6#3682B6#3682B6#3682B6#3682B6#3682B6
#368AAE#3989AC#3C87AA#4086A8#4385A6#4684A4#4A82A2
#3693A5#3D90A1#438E9D#4A8B99#508896#578592#5F828D
#369B9D#409797#4A9391#538F8C#5D8B86#678780#738279
#36A395#439E8D#509885#5D937D#6A8E76#78896E#888264
#36AC8C#46A582#579F79#67986F#779166#888A5C#9C8250
#36B682#4AAE76#5FA56A#739D5E#889551#9C8C45#B68236

Colorpallet from #3682B6 to #8236B6 and to #82B636
#3682B6#3682B6#3682B6#3682B6#3682B6#3682B6#3682B6
#4276B6#4279B3#427CB0#4280AC#4283A9#4286A6#428AA2
#4E6AB6#4E71AF#4E77A9#4E7EA2#4E849C#4E8B95#4E938D
#5A5EB6#5A68AC#5A72A2#5A7B99#5A858F#5A8F85#5A9B79
#6751B6#675EA9#676B9C#67788F#678582#679374#67A364
#7345B6#7355A6#736695#737685#738775#739764#73AC50
#8236B6#824AA2#825F8D#827379#828864#829C50#82B636

Colorpallet from #3682B6 to #8236B6 and to #B63682
#3682B6#3682B6#3682B6#3682B6#3682B6#3682B6#3682B6
#4276B6#4376B5#4576B3#4676B2#4776B1#4876B0#4A76AE
#4E6AB6#516AB3#536AB1#566AAE#596AAB#5C6AA8#5F6AA5
#5A5EB6#5E5EB2#625EAE#665EAA#6A5EA6#6E5EA2#735E9D
#6751B6#6C51B1#7251AB#7751A6#7C51A1#81519C#885195
#7345B6#7A45AF#8045A9#8745A2#8D459B#944594#9C458C
#8236B6#8A36AE#9336A5#9B369D#A33695#AC368C#B63682

Colorpallet from #3682B6 to #8236B6 and to #B68236
#3682B6#3682B6#3682B6#3682B6#3682B6#3682B6#3682B6
#4276B6#4378B3#457AB0#467CAC#477EA9#4880A6#4A82A2
#4E6AB6#516EAF#5372A9#5676A2#59799C#5C7D95#5F828D
#5A5EB6#5E64AC#626AA2#666F99#6A758F#6E7B85#738279
#6751B6#6C59A9#72619C#77698F#7C7082#817874#888264
#7345B6#7A4FA6#805995#876285#8D6C75#947664#9C8250
#8236B6#8A42A2#934E8D#9B5A79#A36764#AC7350#B68236

Colorpallet from #3682B6 to #82B636 and to #B63682
#3682B6#3682B6#3682B6#3682B6#3682B6#3682B6#3682B6
#428AA2#4387A4#4584A6#4680A8#477DAA#487AAC#4A76AE
#4E938D#518C91#538695#567F99#59799C#5C72A0#5F6AA5
#5A9B79#5E917F#628785#667E8A#6A7490#6E6A96#735E9D
#67A364#6C966C#728974#777C7C#7C6F83#81618B#885195
#73AC50#7A9C5A#808B63#877B6D#8D6A76#945A80#9C458C
#82B636#8AA242#938D4E#9B795A#A36467#AC5073#B63682

Colorpallet from #3682B6 to #82B636 and to #B68236
#3682B6#3682B6#3682B6#3682B6#3682B6#3682B6#3682B6
#428AA2#4389A2#4587A2#4686A2#4785A2#4884A2#4A82A2
#4E938D#51908D#538E8D#568B8D#59888D#5C858D#5F828D
#5A9B79#5E9779#629379#668F79#6A8B79#6E8779#738279
#67A364#6C9E64#729864#779364#7C8E64#818964#888264
#73AC50#7AA550#809F50#879850#8D9150#948A50#9C8250
#82B636#8AAE36#93A536#9B9D36#A39536#AC8C36#B68236

Colorpallet from #3682B6 to #B63682 and to #B68236
#3682B6#3682B6#3682B6#3682B6#3682B6#3682B6#3682B6
#4A76AE#4A78AC#4A7AAA#4A7CA8#4A7EA6#4A80A4#4A82A2
#5F6AA5#5F6EA1#5F729D#5F7699#5F7996#5F7D92#5F828D
#735E9D#736497#736A91#736F8C#737586#737B80#738279
#885195#88598D#886185#88697D#887076#88786E#888264
#9C458C#9C4F82#9C5979#9C626F#9C6C66#9C765C#9C8250
#B63682#B64276#B64E6A#B65A5E#B66751#B67345#B68236