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 #3D6CAF to #3DAF6C and to #6C3DAF
#3D6CAF#3D6CAF#3D6CAF#3D6CAF#3D6CAF#3D6CAF#3D6CAF
#3D77A4#3E74A6#4071A8#416EA9#426BAB#4368AD#4564AF
#3D819A#3F7B9D#4275A1#4470A4#476AA7#4964AB#4C5DAF
#3D8C8F#418394#447A99#48729E#4C69A3#4F60A9#5455AF
#3D9784#428B8B#478092#4B7499#5068A0#555DA6#5B4EAF
#3DA279#439382#49858A#4F7693#55679C#5B58A4#6346AF
#3DAF6C#459D77#4C8B81#54788C#5B6697#6354A2#6C3DAF

Colorpallet from #3D6CAF to #3DAF6C and to #6CAF3D
#3D6CAF#3D6CAF#3D6CAF#3D6CAF#3D6CAF#3D6CAF#3D6CAF
#3D77A4#3E77A3#4077A2#4177A1#4277A0#43779E#45779D
#3D819A#3F8198#428195#448193#478190#49818E#4C818B
#3D8C8F#418C8B#448C88#488C84#4C8C80#4F8C7D#548C78
#3D9784#42977F#47977A#4B9776#509771#55976C#5B9766
#3DA279#43A273#49A26D#4FA267#55A261#5BA25B#63A254
#3DAF6C#45AF64#4CAF5D#54AF55#5BAF4E#63AF46#6CAF3D

Colorpallet from #3D6CAF to #3DAF6C and to #AF3D6C
#3D6CAF#3D6CAF#3D6CAF#3D6CAF#3D6CAF#3D6CAF#3D6CAF
#3D77A4#4074A4#4371A4#466EA4#496BA4#4B68A4#4F64A4
#3D819A#437B9A#49759A#4E709A#546A9A#5A649A#615D9A
#3D8C8F#46838F#4F7A8F#57728F#60698F#69608F#74558F
#3D9784#498B84#548084#607484#6C6884#775D84#864E84
#3DA279#4C9379#5A8579#697679#776779#865879#984679
#3DAF6C#4F9D6C#618B6C#74786C#86666C#98546C#AF3D6C

Colorpallet from #3D6CAF to #3DAF6C and to #AF6C3D
#3D6CAF#3D6CAF#3D6CAF#3D6CAF#3D6CAF#3D6CAF#3D6CAF
#3D77A4#4075A3#4373A2#4672A1#4970A0#4B6E9E#4F6C9D
#3D819A#437E98#497A95#4E7793#547490#5A708E#616C8B
#3D8C8F#46878B#4F8288#577D84#607880#69727D#746C78
#3D9784#49907F#54897A#608276#6C7B71#77756C#866C66
#3DA279#4C9973#5A916D#698867#777F61#86775B#986C54
#3DAF6C#4FA464#619A5D#748F55#86844E#987946#AF6C3D

Colorpallet from #3D6CAF to #6C3DAF and to #6CAF3D
#3D6CAF#3D6CAF#3D6CAF#3D6CAF#3D6CAF#3D6CAF#3D6CAF
#4564AF#4567AC#456AA9#456DA6#4570A3#4573A1#45779D
#4C5DAF#4C63A9#4C69A3#4C6E9E#4C7498#4C7A92#4C818B
#5455AF#545EA6#54679D#546F95#54788C#548183#548C78
#5B4EAF#5B5AA3#5B6598#5B718C#5B7D80#5B8875#5B9766
#6346AF#6355A0#636392#637283#638175#639066#63A254
#6C3DAF#6C4F9D#6C618B#6C7478#6C8666#6C9854#6CAF3D

Colorpallet from #3D6CAF to #6C3DAF and to #AF3D6C
#3D6CAF#3D6CAF#3D6CAF#3D6CAF#3D6CAF#3D6CAF#3D6CAF
#4564AF#4764AD#4864AB#4A64AA#4B64A8#4D64A6#4F64A4
#4C5DAF#4F5DAC#535DA8#565DA5#595DA2#5D5D9E#615D9A
#5455AF#5955AA#5E55A5#6355A0#68559B#6E5595#74558F
#5B4EAF#624EA8#694EA1#704E9A#774E93#7D4E8D#864E84
#6346AF#6B46A6#74469E#7C4695#85468C#8D4684#984679
#6C3DAF#773DA4#813D9A#8C3D8F#973D84#A23D79#AF3D6C

Colorpallet from #3D6CAF to #6C3DAF and to #AF6C3D
#3D6CAF#3D6CAF#3D6CAF#3D6CAF#3D6CAF#3D6CAF#3D6CAF
#4564AF#4765AC#4867A9#4A68A6#4B69A3#4D6AA1#4F6C9D
#4C5DAF#4F5FA9#5362A3#56649E#596798#5D6992#616C8B
#5455AF#5959A6#5E5C9D#636095#68648C#6E6783#746C78
#5B4EAF#6253A3#695898#705C8C#776180#7D6675#866C66
#6346AF#6B4CA0#745292#7C5883#855E75#8D6466#986C54
#6C3DAF#77459D#814C8B#8C5478#975B66#A26354#AF6C3D

Colorpallet from #3D6CAF to #6CAF3D and to #AF3D6C
#3D6CAF#3D6CAF#3D6CAF#3D6CAF#3D6CAF#3D6CAF#3D6CAF
#45779D#47749E#48719F#4A6EA0#4B6BA1#4D68A3#4F64A4
#4C818B#4F7B8D#537590#567092#596A95#5D6497#615D9A
#548C78#59837C#5E7A7F#637283#686987#6E608A#74558F
#5B9766#628B6B#698070#707474#776879#7D5D7E#864E84
#63A254#6B935A#748560#7C7666#85676C#8D5872#984679
#6CAF3D#779D45#818B4C#8C7854#97665B#A25463#AF3D6C

Colorpallet from #3D6CAF to #6CAF3D and to #AF6C3D
#3D6CAF#3D6CAF#3D6CAF#3D6CAF#3D6CAF#3D6CAF#3D6CAF
#45779D#47759D#48739D#4A729D#4B709D#4D6E9D#4F6C9D
#4C818B#4F7E8B#537A8B#56778B#59748B#5D708B#616C8B
#548C78#598778#5E8278#637D78#687878#6E7278#746C78
#5B9766#629066#698966#708266#777B66#7D7566#866C66
#63A254#6B9954#749154#7C8854#857F54#8D7754#986C54
#6CAF3D#77A43D#819A3D#8C8F3D#97843D#A2793D#AF6C3D

Colorpallet from #3D6CAF to #AF3D6C and to #AF6C3D
#3D6CAF#3D6CAF#3D6CAF#3D6CAF#3D6CAF#3D6CAF#3D6CAF
#4F64A4#4F65A3#4F67A2#4F68A1#4F69A0#4F6A9E#4F6C9D
#615D9A#615F98#616295#616493#616790#61698E#616C8B
#74558F#74598B#745C88#746084#746480#74677D#746C78
#864E84#86537F#86587A#865C76#866171#86666C#866C66
#984679#984C73#98526D#985867#985E61#98645B#986C54
#AF3D6C#AF4564#AF4C5D#AF5455#AF5B4E#AF6346#AF6C3D