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 #3B7CA8 to #3BA87C and to #7C3BA8
#3B7CA8#3B7CA8#3B7CA8#3B7CA8#3B7CA8#3B7CA8#3B7CA8
#3B83A1#3D80A2#3E7EA3#407BA4#4178A5#4375A7#4572A8
#3B8A9A#3E849C#427F9E#4579A1#4874A3#4C6EA5#5067A8
#3B9193#408996#45809A#4A789D#4F70A0#5467A4#5A5DA8
#3B988C#428D90#488295#4F7699#566B9E#5D60A2#6552A8
#3B9F85#43918B#4C8390#547596#5C679B#6559A1#6F48A8
#3BA87C#459783#50858A#5A7491#656298#6F519F#7C3BA8

Colorpallet from #3B7CA8 to #3BA87C and to #7CA83B
#3B7CA8#3B7CA8#3B7CA8#3B7CA8#3B7CA8#3B7CA8#3B7CA8
#3B83A1#3D839F#3E839E#40839C#41839B#438399#458397
#3B8A9A#3E8A97#428A93#458A90#488A8D#4C8A89#508A85
#3B9193#40918E#459189#4A9184#4F917F#54917A#5A9174
#3B988C#429885#48987F#4F9878#569871#5D986A#659862
#3B9F85#439F7D#4C9F74#549F6C#5C9F64#659F5B#6F9F51
#3BA87C#45A872#50A867#5AA85D#65A852#6FA848#7CA83B

Colorpallet from #3B7CA8 to #3BA87C and to #A83B7C
#3B7CA8#3B7CA8#3B7CA8#3B7CA8#3B7CA8#3B7CA8#3B7CA8
#3B83A1#3E80A1#407EA1#437BA1#4678A1#4975A1#4C72A1
#3B8A9A#41849A#467F9A#4C799A#51749A#576E9A#5E679A
#3B9193#438993#4C8093#547893#5C7093#656793#6F5D93
#3B988C#468D8C#51828C#5D768C#686B8C#73608C#81528C
#3B9F85#499185#578385#657585#736785#815985#924885
#3BA87C#4C977C#5E857C#6F747C#81627C#92517C#A83B7C

Colorpallet from #3B7CA8 to #3BA87C and to #A87C3B
#3B7CA8#3B7CA8#3B7CA8#3B7CA8#3B7CA8#3B7CA8#3B7CA8
#3B83A1#3E829F#40819E#43809C#467F9B#497D99#4C7C97
#3B8A9A#418897#468693#4C8390#51818D#577F89#5E7C85
#3B9193#438E8E#4C8A89#548784#5C847F#65807A#6F7C74
#3B988C#469485#518F7F#5D8B78#688671#73826A#817C62
#3B9F85#49997D#579474#658E6C#738964#81835B#927C51
#3BA87C#4CA172#5E9A67#6F935D#818C52#928548#A87C3B

Colorpallet from #3B7CA8 to #7C3BA8 and to #7CA83B
#3B7CA8#3B7CA8#3B7CA8#3B7CA8#3B7CA8#3B7CA8#3B7CA8
#4572A8#4575A5#4577A3#457AA0#457D9D#45809A#458397
#5067A8#506DA2#50729D#507897#507D92#50838C#508A85
#5A5DA8#5A65A0#5A6E97#5A768F#5A7E87#5A877E#5A9174
#6552A8#655D9D#656892#657486#657F7B#658A70#659862
#6F48A8#6F569A#6F648C#6F727E#6F8070#6F8E62#6F9F51
#7C3BA8#7C4C97#7C5E85#7C6F74#7C8162#7C9251#7CA83B

Colorpallet from #3B7CA8 to #7C3BA8 and to #A83B7C
#3B7CA8#3B7CA8#3B7CA8#3B7CA8#3B7CA8#3B7CA8#3B7CA8
#4572A8#4672A7#4772A6#4872A5#4972A4#4B72A2#4C72A1
#5067A8#5267A6#5467A4#5767A1#59679F#5B679D#5E679A
#5A5DA8#5D5DA5#615DA1#645D9E#675D9B#6B5D97#6F5D93
#6552A8#6952A4#6E529F#72529B#775296#7B5292#81528C
#6F48A8#7548A2#7A489D#804897#854892#8B488C#924885
#7C3BA8#833BA1#8A3B9A#913B93#983B8C#9F3B85#A83B7C

Colorpallet from #3B7CA8 to #7C3BA8 and to #A87C3B
#3B7CA8#3B7CA8#3B7CA8#3B7CA8#3B7CA8#3B7CA8#3B7CA8
#4572A8#4674A5#4775A3#4877A0#49789D#4B7A9A#4C7C97
#5067A8#526AA2#546E9D#577197#597492#5B788C#5E7C85
#5A5DA8#5D62A0#616797#646C8F#677187#6B767E#6F7C74
#6552A8#69599D#6E5F92#726686#776D7B#7B7470#817C62
#6F48A8#75509A#7A598C#80617E#856970#8B7262#927C51
#7C3BA8#834597#8A5085#915A74#986562#9F6F51#A87C3B

Colorpallet from #3B7CA8 to #7CA83B and to #A83B7C
#3B7CA8#3B7CA8#3B7CA8#3B7CA8#3B7CA8#3B7CA8#3B7CA8
#458397#468099#477E9A#487B9C#49789D#4B759F#4C72A1
#508A85#528488#547F8C#57798F#597492#5B6E96#5E679A
#5A9174#5D8979#61807E#647883#677088#6B678D#6F5D93
#659862#698D69#6E826F#727676#776B7D#7B6084#81528C
#6F9F51#759159#7A8362#80756A#856772#8B597B#924885
#7CA83B#839745#8A8550#91745A#986265#9F516F#A83B7C

Colorpallet from #3B7CA8 to #7CA83B and to #A87C3B
#3B7CA8#3B7CA8#3B7CA8#3B7CA8#3B7CA8#3B7CA8#3B7CA8
#458397#468297#478197#488097#497F97#4B7D97#4C7C97
#508A85#528885#548685#578385#598185#5B7F85#5E7C85
#5A9174#5D8E74#618A74#648774#678474#6B8074#6F7C74
#659862#699462#6E8F62#728B62#778662#7B8262#817C62
#6F9F51#759951#7A9451#808E51#858951#8B8351#927C51
#7CA83B#83A13B#8A9A3B#91933B#988C3B#9F853B#A87C3B

Colorpallet from #3B7CA8 to #A83B7C and to #A87C3B
#3B7CA8#3B7CA8#3B7CA8#3B7CA8#3B7CA8#3B7CA8#3B7CA8
#4C72A1#4C749F#4C759E#4C779C#4C789B#4C7A99#4C7C97
#5E679A#5E6A97#5E6E93#5E7190#5E748D#5E7889#5E7C85
#6F5D93#6F628E#6F6789#6F6C84#6F717F#6F767A#6F7C74
#81528C#815985#815F7F#816678#816D71#81746A#817C62
#924885#92507D#925974#92616C#926964#92725B#927C51
#A83B7C#A84572#A85067#A85A5D#A86552#A86F48#A87C3B