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 #696CA5 to #69A56C and to #6C69A5
#696CA5#696CA5#696CA5#696CA5#696CA5#696CA5#696CA5
#69759C#69749D#69729F#6971A0#696FA2#696EA3#696CA5
#697E93#697B96#697899#69759C#6A729F#6A6FA1#6A6BA5
#69878A#69838E#697E93#697A97#6A759B#6A71A0#6A6BA5
#699081#698A87#6A848D#6A7E92#6A7898#6B729E#6B6AA5
#699A77#69927E#6A8B86#6A838D#6A7B94#6B749C#6B6AA5
#69A56C#699B75#6A927E#6A8887#6B7F90#6B759A#6C69A5

Colorpallet from #696CA5 to #69A56C and to #6CA569
#696CA5#696CA5#696CA5#696CA5#696CA5#696CA5#696CA5
#69759C#69759C#69759C#69759C#69759B#69759B#69759B
#697E93#697E93#697E93#697E93#6A7E92#6A7E92#6A7E92
#69878A#69878A#698789#698789#6A8789#6A8788#6A8788
#699081#699081#6A9080#6A9080#6A9080#6B907F#6B907F
#699A77#699A77#6A9A76#6A9A76#6A9A76#6B9A75#6B9A75
#69A56C#69A56C#6AA56B#6AA56B#6BA56A#6BA56A#6CA569

Colorpallet from #696CA5 to #69A56C and to #A5696C
#696CA5#696CA5#696CA5#696CA5#696CA5#696CA5#696CA5
#69759C#6B749C#6C729C#6E719C#6F6F9C#716E9C#736C9C
#697E93#6C7B93#6F7893#727593#757293#786F93#7C6B93
#69878A#6E838A#727E8A#777A8A#7C758A#80718A#866B8A
#699081#6F8A81#758481#7B7E81#817881#877281#8F6A81
#699A77#719277#788B77#808377#887B77#8F7477#996A77
#69A56C#739B6C#7C926C#86886C#8F7F6C#99756C#A5696C

Colorpallet from #696CA5 to #69A56C and to #A56C69
#696CA5#696CA5#696CA5#696CA5#696CA5#696CA5#696CA5
#69759C#6B749C#6C729C#6E719C#6F6F9B#716E9B#736C9B
#697E93#6C7B93#6F7893#727593#757292#787092#7C6C92
#69878A#6E838A#727E89#777A89#7C7689#807188#866C88
#699081#6F8A81#758480#7B7F80#817980#87737F#8F6C7F
#699A77#719377#788B76#808476#887D76#8F7575#996C75
#69A56C#739C6C#7C936B#868A6B#8F816A#99776A#A56C69

Colorpallet from #696CA5 to #6C69A5 and to #6CA569
#696CA5#696CA5#696CA5#696CA5#696CA5#696CA5#696CA5
#696CA5#696DA3#696FA2#6970A0#69729F#69739D#69759B
#6A6BA5#6A6EA2#6A719F#6A749C#6A7799#6A7A96#6A7E92
#6A6BA5#6A6FA0#6A749C#6A7897#6A7D92#6A818E#6A8788
#6B6AA5#6B709F#6B7699#6B7C93#6B828D#6B8887#6B907F
#6B6AA5#6B729D#6B7996#6B818E#6B8986#6B907F#6B9A75
#6C69A5#6C739B#6C7C92#6C8688#6C8F7F#6C9975#6CA569

Colorpallet from #696CA5 to #6C69A5 and to #A5696C
#696CA5#696CA5#696CA5#696CA5#696CA5#696CA5#696CA5
#696CA5#6B6CA4#6C6CA2#6E6CA1#6F6C9F#716C9E#736C9C
#6A6BA5#6D6BA2#706B9F#736B9C#766B99#786B97#7C6B93
#6A6BA5#6E6BA1#736B9C#776B98#7C6B94#806B8F#866B8A
#6B6AA5#716A9F#776A99#7C6A94#826A8E#886A88#8F6A81
#6B6AA5#726A9E#7A6A96#816A8F#886A88#906A80#996A77
#6C69A5#75699C#7E6993#87698A#906981#9A6977#A5696C

Colorpallet from #696CA5 to #6C69A5 and to #A56C69
#696CA5#696CA5#696CA5#696CA5#696CA5#696CA5#696CA5
#696CA5#6B6CA3#6C6CA2#6E6CA0#6F6C9F#716C9D#736C9B
#6A6BA5#6D6BA2#706B9F#736B9C#766C99#786C96#7C6C92
#6A6BA5#6E6BA0#736B9C#776B97#7C6C92#806C8E#866C88
#6B6AA5#716A9F#776B99#7C6B93#826B8D#886C87#8F6C7F
#6B6AA5#726A9D#7A6B96#816B8E#886B86#906C7F#996C75
#6C69A5#75699B#7E6A92#876A88#906B7F#9A6B75#A56C69

Colorpallet from #696CA5 to #6CA569 and to #A5696C
#696CA5#696CA5#696CA5#696CA5#696CA5#696CA5#696CA5
#69759B#6B749B#6C729B#6E719B#6F6F9C#716E9C#736C9C
#6A7E92#6D7B92#707892#737592#767293#786F93#7C6B93
#6A8788#6E8388#737E89#777A89#7C7589#80718A#866B8A
#6B907F#718A7F#778480#7C7E80#827880#887281#8F6A81
#6B9A75#729275#7A8B76#818376#887B76#907477#996A77
#6CA569#759B69#7E926A#87886A#907F6B#9A756B#A5696C

Colorpallet from #696CA5 to #6CA569 and to #A56C69
#696CA5#696CA5#696CA5#696CA5#696CA5#696CA5#696CA5
#69759B#6B749B#6C729B#6E719B#6F6F9B#716E9B#736C9B
#6A7E92#6D7B92#707892#737592#767292#787092#7C6C92
#6A8788#6E8388#737E88#777A88#7C7688#807188#866C88
#6B907F#718A7F#77847F#7C7F7F#82797F#88737F#8F6C7F
#6B9A75#729375#7A8B75#818475#887D75#907575#996C75
#6CA569#759C69#7E9369#878A69#908169#9A7769#A56C69

Colorpallet from #696CA5 to #A5696C and to #A56C69
#696CA5#696CA5#696CA5#696CA5#696CA5#696CA5#696CA5
#736C9C#736C9C#736C9C#736C9C#736C9B#736C9B#736C9B
#7C6B93#7C6B93#7C6B93#7C6B93#7C6C92#7C6C92#7C6C92
#866B8A#866B8A#866B89#866B89#866C89#866C88#866C88
#8F6A81#8F6A81#8F6B80#8F6B80#8F6B80#8F6C7F#8F6C7F
#996A77#996A77#996B76#996B76#996B76#996C75#996C75
#A5696C#A5696C#A56A6B#A56A6B#A56B6A#A56B6A#A56C69