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 #506AB3 to #50B36A and to #6A50B3
#506AB3#506AB3#506AB3#506AB3#506AB3#506AB3#506AB3
#5076A7#5173A9#5171AB#526EAD#536CAF#5369B1#5466B3
#50819C#517CA0#5377A3#5472A7#556DAB#5668AE#5862B3
#508D90#528596#547E9B#5676A1#586FA6#5A67AC#5C5EB3
#509984#538F8C#558593#587A9B#5B70A2#5E66AA#6159B3
#50A479#539782#578B8C#5A7E95#5D719E#6165A7#6555B3
#50B36A#54A376#589381#5C838D#617499#6564A4#6A50B3

Colorpallet from #506AB3 to #50B36A and to #6AB350
#506AB3#506AB3#506AB3#506AB3#506AB3#506AB3#506AB3
#5076A7#5176A6#5176A6#5276A5#5376A4#5376A4#5476A3
#50819C#51819B#538199#548198#558196#568195#588193
#508D90#528D8E#548D8C#568D8A#588D88#5A8D86#5C8D83
#509984#539981#55997F#58997C#5B997A#5E9977#619974
#50A479#53A476#57A472#5AA46F#5DA46C#61A468#65A464
#50B36A#54B366#58B362#5CB35E#61B359#65B355#6AB350

Colorpallet from #506AB3 to #50B36A and to #B3506A
#506AB3#506AB3#506AB3#506AB3#506AB3#506AB3#506AB3
#5076A7#5373A7#5571A7#586EA7#5A6CA7#5D69A7#6066A7
#50819C#557C9C#5A779C#5F729C#646D9C#6A689C#70629C
#508D90#588590#5F7E90#677690#6F6F90#766790#805E90
#509984#5A8F84#648584#6E7A84#787084#826684#8F5984
#50A479#5D9779#698B79#767E79#837179#8F6579#9F5579
#50B36A#60A36A#70936A#80836A#8F746A#9F646A#B3506A

Colorpallet from #506AB3 to #50B36A and to #B36A50
#506AB3#506AB3#506AB3#506AB3#506AB3#506AB3#506AB3
#5076A7#5374A6#5572A6#5870A5#5A6EA4#5D6CA4#606AA3
#50819C#557D9B#5A7A99#5F7698#647296#6A6F95#706A93
#508D90#58878E#5F828C#677C8A#6F7788#767186#806A83
#509984#5A9181#648A7F#6E827C#787B7A#827377#8F6A74
#50A479#5D9B76#699172#76886F#837F6C#8F7668#9F6A64
#50B36A#60A766#709C62#80905E#8F8459#9F7955#B36A50

Colorpallet from #506AB3 to #6A50B3 and to #6AB350
#506AB3#506AB3#506AB3#506AB3#506AB3#506AB3#506AB3
#5466B3#5469B0#546BAE#546EAB#5470A9#5473A6#5476A3
#5862B3#5867AE#586CA9#5871A4#58769F#587B99#588193
#5C5EB3#5C66AB#5C6DA4#5C759C#5C7C94#5C848D#5C8D83
#6159B3#6163A9#616D9F#617895#61828B#618C81#619974
#6555B3#6562A6#656E9A#657B8D#658880#659474#65A464
#6A50B3#6A60A3#6A7093#6A8083#6A8F74#6A9F64#6AB350

Colorpallet from #506AB3 to #6A50B3 and to #B3506A
#506AB3#506AB3#506AB3#506AB3#506AB3#506AB3#506AB3
#5466B3#5666B1#5866AF#5A66AD#5C66AB#5E66A9#6066A7
#5862B3#5C62AF#6062AC#6462A8#6762A4#6B62A1#70629C
#5C5EB3#625EAD#685EA8#6D5EA2#735E9D#795E97#805E90
#6159B3#6859AB#7059A4#77599C#7E5995#86598D#8F5984
#6555B3#6E55AA#7855A0#815597#8A558E#935585#9F5579
#6A50B3#7650A7#81509C#8D5090#995084#A45079#B3506A

Colorpallet from #506AB3 to #6A50B3 and to #B36A50
#506AB3#506AB3#506AB3#506AB3#506AB3#506AB3#506AB3
#5466B3#5667B0#5867AE#5A68AB#5C69A9#5E69A6#606AA3
#5862B3#5C63AE#6065A9#6466A4#67679F#6B6899#706A93
#5C5EB3#6260AB#6862A4#6D649C#736694#79688D#806A83
#6159B3#685CA9#705E9F#776195#7E648B#866781#8F6A74
#6555B3#6E58A6#785C9A#815F8D#8A6280#936674#9F6A64
#6A50B3#7654A3#815893#8D5C83#996174#A46564#B36A50

Colorpallet from #506AB3 to #6AB350 and to #B3506A
#506AB3#506AB3#506AB3#506AB3#506AB3#506AB3#506AB3
#5476A3#5673A4#5871A4#5A6EA5#5C6CA6#5E69A6#6066A7
#588193#5C7C94#607796#647297#676D99#6B689A#70629C
#5C8D83#628585#687E87#6D7689#736F8B#79678D#805E90
#619974#688F77#708579#777A7C#7E707E#866681#8F5984
#65A464#6E9767#788B6B#817E6E#8A7171#936575#9F5579
#6AB350#76A354#819358#8D835C#997461#A46465#B3506A

Colorpallet from #506AB3 to #6AB350 and to #B36A50
#506AB3#506AB3#506AB3#506AB3#506AB3#506AB3#506AB3
#5476A3#5674A3#5872A3#5A70A3#5C6EA3#5E6CA3#606AA3
#588193#5C7D93#607A93#647693#677293#6B6F93#706A93
#5C8D83#628783#688283#6D7C83#737783#797183#806A83
#619974#689174#708A74#778274#7E7B74#867374#8F6A74
#65A464#6E9B64#789164#818864#8A7F64#937664#9F6A64
#6AB350#76A750#819C50#8D9050#998450#A47950#B36A50

Colorpallet from #506AB3 to #B3506A and to #B36A50
#506AB3#506AB3#506AB3#506AB3#506AB3#506AB3#506AB3
#6066A7#6067A6#6067A6#6068A5#6069A4#6069A4#606AA3
#70629C#70639B#706599#706698#706796#706895#706A93
#805E90#80608E#80628C#80648A#806688#806886#806A83
#8F5984#8F5C81#8F5E7F#8F617C#8F647A#8F6777#8F6A74
#9F5579#9F5876#9F5C72#9F5F6F#9F626C#9F6668#9F6A64
#B3506A#B35466#B35862#B35C5E#B36159#B36555#B36A50