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 #536CA8 to #53A86C and to #6C53A8
#536CA8#536CA8#536CA8#536CA8#536CA8#536CA8#536CA8
#53769E#5474A0#5472A1#556FA3#566DA4#566BA6#5768A8
#537F95#547B98#56769B#57729E#586EA1#5969A4#5B64A8
#53898B#558290#577C94#597599#5B6F9E#5D68A2#5F60A8
#539282#568988#58818E#5B7894#5D6F9A#6067A0#635CA8
#539C78#569180#598687#5D7B8F#607097#63669E#6758A8
#53A86C#579A76#5B8D7F#5F7F89#637292#67649C#6C53A8

Colorpallet from #536CA8 to #53A86C and to #6CA853
#536CA8#536CA8#536CA8#536CA8#536CA8#536CA8#536CA8
#53769E#54769D#54769D#55769C#56769B#56769B#57769A
#537F95#547F94#567F92#577F91#587F90#597F8F#5B7F8D
#53898B#558989#578987#598985#5B8983#5D8981#5F897F
#539282#56927F#58927D#5B927A#5D9278#609275#639272
#539C78#569C75#599C72#5D9C6E#609C6B#639C68#679C64
#53A86C#57A868#5BA864#5FA860#63A85C#67A858#6CA853

Colorpallet from #536CA8 to #53A86C and to #A8536C
#536CA8#536CA8#536CA8#536CA8#536CA8#536CA8#536CA8
#53769E#55749E#57729E#5A6F9E#5C6D9E#5E6B9E#61689E
#537F95#577B95#5C7695#607295#646E95#696995#6E6495
#53898B#5A828B#607C8B#67758B#6D6F8B#74688B#7C608B
#539282#5C8982#648182#6D7882#766F82#7E6782#895C82
#539C78#5E9178#698678#747B78#7F7078#896678#975878
#53A86C#619A6C#6E8D6C#7C7F6C#89726C#97646C#A8536C

Colorpallet from #536CA8 to #53A86C and to #A86C53
#536CA8#536CA8#536CA8#536CA8#536CA8#536CA8#536CA8
#53769E#55749D#57739D#5A719C#5C709B#5E6E9B#616C9A
#537F95#577C94#5C7992#607691#647390#69708F#6E6C8D
#53898B#5A8489#608087#677B85#6D7683#747281#7C6C7F
#539282#5C8C7F#64867D#6D807A#767A78#7E7475#896C72
#539C78#5E9475#698D72#74856E#7F7D6B#897668#976C64
#53A86C#619E68#6E9564#7C8B60#89825C#977858#A86C53

Colorpallet from #536CA8 to #6C53A8 and to #6CA853
#536CA8#536CA8#536CA8#536CA8#536CA8#536CA8#536CA8
#5768A8#576AA6#576CA4#576FA1#57719F#57739D#57769A
#5B64A8#5B68A4#5B6D9F#5B719B#5B7597#5B7A92#5B7F8D
#5F60A8#5F67A1#5F6D9B#5F7494#5F7A8E#5F8187#5F897F
#635CA8#63659F#636D97#63768E#637F85#63877D#639272
#6758A8#67639D#676E92#677987#67847C#678E72#679C64
#6C53A8#6C619A#6C6E8D#6C7C7F#6C8972#6C9764#6CA853

Colorpallet from #536CA8 to #6C53A8 and to #A8536C
#536CA8#536CA8#536CA8#536CA8#536CA8#536CA8#536CA8
#5768A8#5968A6#5A68A5#5C68A3#5D68A2#5F68A0#61689E
#5B64A8#5E64A5#6164A2#64649F#67649C#6A6499#6E6495
#5F60A8#6460A3#68609F#6D609A#726095#766091#7C608B
#635CA8#695CA2#6F5C9C#755C96#7B5C90#815C8A#895C82
#6758A8#6F58A0#765899#7E5891#865889#8D5882#975878
#6C53A8#76539E#7F5395#89538B#925382#9C5378#A8536C

Colorpallet from #536CA8 to #6C53A8 and to #A86C53
#536CA8#536CA8#536CA8#536CA8#536CA8#536CA8#536CA8
#5768A8#5969A6#5A69A4#5C6AA1#5D6B9F#5F6B9D#616C9A
#5B64A8#5E65A4#61679F#64689B#676997#6A6A92#6E6C8D
#5F60A8#6462A1#68649B#6D6694#72688E#766A87#7C6C7F
#635CA8#695F9F#6F6197#75648E#7B6685#81697D#896C72
#6758A8#6F5B9D#765E92#7E6287#86657C#8D6872#976C64
#6C53A8#76579A#7F5B8D#895F7F#926372#9C6764#A86C53

Colorpallet from #536CA8 to #6CA853 and to #A8536C
#536CA8#536CA8#536CA8#536CA8#536CA8#536CA8#536CA8
#57769A#59749B#5A729B#5C6F9C#5D6D9D#5F6B9D#61689E
#5B7F8D#5E7B8E#617690#647291#676E92#6A6993#6E6495
#5F897F#648281#687C83#6D7585#726F87#766889#7C608B
#639272#698975#6F8177#75787A#7B6F7C#81677F#895C82
#679C64#6F9167#76866A#7E7B6E#867071#8D6674#975878
#6CA853#769A57#7F8D5B#897F5F#927263#9C6467#A8536C

Colorpallet from #536CA8 to #6CA853 and to #A86C53
#536CA8#536CA8#536CA8#536CA8#536CA8#536CA8#536CA8
#57769A#59749A#5A739A#5C719A#5D709A#5F6E9A#616C9A
#5B7F8D#5E7C8D#61798D#64768D#67738D#6A708D#6E6C8D
#5F897F#64847F#68807F#6D7B7F#72767F#76727F#7C6C7F
#639272#698C72#6F8672#758072#7B7A72#817472#896C72
#679C64#6F9464#768D64#7E8564#867D64#8D7664#976C64
#6CA853#769E53#7F9553#898B53#928253#9C7853#A86C53

Colorpallet from #536CA8 to #A8536C and to #A86C53
#536CA8#536CA8#536CA8#536CA8#536CA8#536CA8#536CA8
#61689E#61699D#61699D#616A9C#616B9B#616B9B#616C9A
#6E6495#6E6594#6E6792#6E6891#6E6990#6E6A8F#6E6C8D
#7C608B#7C6289#7C6487#7C6685#7C6883#7C6A81#7C6C7F
#895C82#895F7F#89617D#89647A#896678#896975#896C72
#975878#975B75#975E72#97626E#97656B#976868#976C64
#A8536C#A85768#A85B64#A85F60#A8635C#A86758#A86C53