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 #5F7BB2 to #5FB27B and to #7B5FB2
#5F7BB2#5F7BB2#5F7BB2#5F7BB2#5F7BB2#5F7BB2#5F7BB2
#5F84A9#6082AA#6080AC#617EAD#627CAF#627AB0#6377B2
#5F8DA0#6089A3#6284A6#6380A9#657CAC#6677AE#6872B2
#5F9598#618F9C#6389A0#6582A4#677CA9#6976AD#6C6EB2
#5F9E8F#629695#658D9A#6885A0#6B7CA5#6D74AB#7169B2
#5FA786#639C8D#669294#6A879B#6D7DA2#7172A9#7565B2
#5FB27B#63A584#68978D#6C8A95#717D9E#7570A7#7B5FB2

Colorpallet from #5F7BB2 to #5FB27B and to #7BB25F
#5F7BB2#5F7BB2#5F7BB2#5F7BB2#5F7BB2#5F7BB2#5F7BB2
#5F84A9#6084A8#6084A8#6184A7#6284A6#6284A6#6384A5
#5F8DA0#608D9F#628D9D#638D9C#658D9A#668D99#688D97
#5F9598#619596#639594#659591#67958F#69958D#6C958A
#5F9E8F#629E8C#659E89#689E86#6B9E83#6D9E81#719E7D
#5FA786#63A782#66A77F#6AA77B#6DA778#71A774#75A770
#5FB27B#63B277#68B272#6CB26E#71B269#75B265#7BB25F

Colorpallet from #5F7BB2 to #5FB27B and to #B25F7B
#5F7BB2#5F7BB2#5F7BB2#5F7BB2#5F7BB2#5F7BB2#5F7BB2
#5F84A9#6182A9#6380A9#657EA9#677CA9#697AA9#6C77A9
#5F8DA0#6389A0#6884A0#6C80A0#707CA0#7577A0#7A72A0
#5F9598#658F98#6C8998#728298#797C98#7F7698#876E98
#5F9E8F#67968F#708D8F#78858F#817C8F#89748F#94698F
#5FA786#6A9C86#749286#7F8786#897D86#947286#A16586
#5FB27B#6CA57B#7A977B#878A7B#947D7B#A1707B#B25F7B

Colorpallet from #5F7BB2 to #5FB27B and to #B27B5F
#5F7BB2#5F7BB2#5F7BB2#5F7BB2#5F7BB2#5F7BB2#5F7BB2
#5F84A9#6183A8#6381A8#6580A7#677EA6#697DA6#6C7BA5
#5F8DA0#638A9F#68879D#6C849C#70819A#757F99#7A7B97
#5F9598#659196#6C8D94#728991#79848F#7F808D#877B8A
#5F9E8F#67988C#709389#788D86#818883#898281#947B7D
#5FA786#6AA082#74997F#7F927B#898B78#948474#A17B70
#5FB27B#6CA977#7AA072#87986E#948F69#A18665#B27B5F

Colorpallet from #5F7BB2 to #7B5FB2 and to #7BB25F
#5F7BB2#5F7BB2#5F7BB2#5F7BB2#5F7BB2#5F7BB2#5F7BB2
#6377B2#6379B0#637BAE#637DAC#637FAA#6381A8#6384A5
#6872B2#6876AE#687BA9#687FA5#6883A1#68889C#688D97
#6C6EB2#6C74AC#6C7AA5#6C819F#6C8798#6C8D92#6C958A
#7169B2#7171AA#717AA1#718299#718B90#719388#719E7D
#7565B2#7570A7#757A9D#758592#758F88#759A7D#75A770
#7B5FB2#7B6CA5#7B7A97#7B878A#7B947D#7BA170#7BB25F

Colorpallet from #5F7BB2 to #7B5FB2 and to #B25F7B
#5F7BB2#5F7BB2#5F7BB2#5F7BB2#5F7BB2#5F7BB2#5F7BB2
#6377B2#6477B1#6677AF#6777AE#6977AC#6A77AB#6C77A9
#6872B2#6B72AF#6E72AC#7172A9#7472A6#7672A4#7A72A0
#6C6EB2#706EAE#756EAA#796EA6#7D6EA1#826E9D#876E98
#7169B2#7769AC#7C69A7#8269A1#87699C#8D6996#94698F
#7565B2#7C65AB#8365A4#8A659D#916596#98658F#A16586
#7B5FB2#845FA9#8D5FA0#955F98#9E5F8F#A75F86#B25F7B

Colorpallet from #5F7BB2 to #7B5FB2 and to #B27B5F
#5F7BB2#5F7BB2#5F7BB2#5F7BB2#5F7BB2#5F7BB2#5F7BB2
#6377B2#6478B0#6678AE#6779AC#697AAA#6A7AA8#6C7BA5
#6872B2#6B73AE#6E75A9#7176A5#7478A1#76799C#7A7B97
#6C6EB2#7070AC#7572A5#79749F#7D7698#827892#877B8A
#7169B2#776CAA#7C6FA1#827299#877590#8D7788#947B7D
#7565B2#7C69A7#836C9D#8A7092#917388#98777D#A17B70
#7B5FB2#8463A5#8D6897#956C8A#9E717D#A77570#B27B5F

Colorpallet from #5F7BB2 to #7BB25F and to #B25F7B
#5F7BB2#5F7BB2#5F7BB2#5F7BB2#5F7BB2#5F7BB2#5F7BB2
#6384A5#6482A6#6680A6#677EA7#697CA8#6A7AA8#6C77A9
#688D97#6B8998#6E849A#71809B#747C9D#76779E#7A72A0
#6C958A#708F8C#75898E#798291#7D7C93#827695#876E98
#719E7D#779680#7C8D83#828586#877C89#8D748B#94698F
#75A770#7C9C74#839277#8A877B#917D7E#987282#A16586
#7BB25F#84A563#8D9768#958A6C#9E7D71#A77075#B25F7B

Colorpallet from #5F7BB2 to #7BB25F and to #B27B5F
#5F7BB2#5F7BB2#5F7BB2#5F7BB2#5F7BB2#5F7BB2#5F7BB2
#6384A5#6483A5#6681A5#6780A5#697EA5#6A7DA5#6C7BA5
#688D97#6B8A97#6E8797#718497#748197#767F97#7A7B97
#6C958A#70918A#758D8A#79898A#7D848A#82808A#877B8A
#719E7D#77987D#7C937D#828D7D#87887D#8D827D#947B7D
#75A770#7CA070#839970#8A9270#918B70#988470#A17B70
#7BB25F#84A95F#8DA05F#95985F#9E8F5F#A7865F#B27B5F

Colorpallet from #5F7BB2 to #B25F7B and to #B27B5F
#5F7BB2#5F7BB2#5F7BB2#5F7BB2#5F7BB2#5F7BB2#5F7BB2
#6C77A9#6C78A8#6C78A8#6C79A7#6C7AA6#6C7AA6#6C7BA5
#7A72A0#7A739F#7A759D#7A769C#7A789A#7A7999#7A7B97
#876E98#877096#877294#877491#87768F#87788D#877B8A
#94698F#946C8C#946F89#947286#947583#947781#947B7D
#A16586#A16982#A16C7F#A1707B#A17378#A17774#A17B70
#B25F7B#B26377#B26872#B26C6E#B27169#B27565#B27B5F