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 #5270A8 to #52A870 and to #7052A8
#5270A8#5270A8#5270A8#5270A8#5270A8#5270A8#5270A8
#52799F#5377A0#5475A2#5472A3#5570A5#566EA6#576BA8
#528296#547E99#55799C#57759F#5870A2#5A6CA4#5C66A8
#528B8D#548491#567E96#59779A#5B719E#5D6AA3#6062A8
#529484#558B8A#588290#5B7A95#5E719B#6168A1#655DA8
#529D7B#569282#5A8789#5E7C91#617198#65669F#6A58A8
#52A870#579A79#5C8C82#607F8B#657194#6A639D#7052A8

Colorpallet from #5270A8 to #52A870 and to #70A852
#5270A8#5270A8#5270A8#5270A8#5270A8#5270A8#5270A8
#52799F#53799E#54799D#54799D#55799C#56799B#57799A
#528296#548294#558293#578291#588290#5A828E#5C828C
#528B8D#548B8B#568B89#598B86#5B8B84#5D8B82#608B7F
#529484#559481#58947E#5B947B#5E9478#619475#659471
#529D7B#569D77#5A9D73#5E9D6F#619D6C#659D68#6A9D63
#52A870#57A86B#5CA866#60A862#65A85D#6AA858#70A852

Colorpallet from #5270A8 to #52A870 and to #A85270
#5270A8#5270A8#5270A8#5270A8#5270A8#5270A8#5270A8
#52799F#54779F#56759F#59729F#5B709F#5D6E9F#606B9F
#528296#567E96#5B7996#5F7596#647096#686C96#6E6696
#528B8D#59848D#5F7E8D#66778D#6C718D#736A8D#7B628D
#529484#5B8B84#648284#6C7A84#757184#7E6884#895D84
#529D7B#5D927B#68877B#737C7B#7E717B#89667B#97587B
#52A870#609A70#6E8C70#7B7F70#897170#976370#A85270

Colorpallet from #5270A8 to #52A870 and to #A87052
#5270A8#5270A8#5270A8#5270A8#5270A8#5270A8#5270A8
#52799F#54789E#56769D#59759D#5B739C#5D729B#60709A
#528296#567F94#5B7C93#5F7991#647690#68748E#6E708C
#528B8D#59878B#5F8289#667E86#6C7A84#737582#7B707F
#529484#5B8E81#64887E#6C837B#757D78#7E7775#897071
#529D7B#5D9677#688F73#73876F#7E806C#897968#977063
#52A870#609F6B#6E9666#7B8D62#89845D#977B58#A87052

Colorpallet from #5270A8 to #7052A8 and to #70A852
#5270A8#5270A8#5270A8#5270A8#5270A8#5270A8#5270A8
#576BA8#576DA6#576FA4#5772A1#57749F#57769D#57799A
#5C66A8#5C6AA4#5C6F9F#5C739B#5C7896#5C7C92#5C828C
#6062A8#6069A1#606F9B#607694#607C8E#608387#608B7F
#655DA8#65669F#656F96#65778E#658085#65897C#659471
#6A58A8#6A639D#6A6E92#6A7987#6A847C#6A8F71#6A9D63
#7052A8#70609A#706E8C#707B7F#708971#709763#70A852

Colorpallet from #5270A8 to #7052A8 and to #A85270
#5270A8#5270A8#5270A8#5270A8#5270A8#5270A8#5270A8
#576BA8#586BA7#5A6BA5#5B6BA4#5D6BA2#5E6BA1#606B9F
#5C66A8#5F66A5#6266A2#65669F#68669C#6A669A#6E6696
#6062A8#6462A4#69629F#6D629B#716297#766292#7B628D
#655DA8#6B5DA2#715D9C#765D97#7C5D91#825D8B#895D84
#6A58A8#7158A1#78589A#805892#87588B#8E5884#97587B
#7052A8#79529F#825296#8B528D#945284#9D527B#A85270

Colorpallet from #5270A8 to #7052A8 and to #A87052
#5270A8#5270A8#5270A8#5270A8#5270A8#5270A8#5270A8
#576BA8#586CA6#5A6DA4#5B6DA1#5D6E9F#5E6F9D#60709A
#5C66A8#5F68A4#62699F#656B9B#686C96#6A6E92#6E708C
#6062A8#6464A1#69669B#6D6994#716B8E#766D87#7B707F
#655DA8#6B609F#716396#76668E#7C6985#826C7C#897071
#6A58A8#715C9D#786092#806487#87677C#8E6B71#977063
#7052A8#79579A#825C8C#8B607F#946571#9D6A63#A87052

Colorpallet from #5270A8 to #70A852 and to #A85270
#5270A8#5270A8#5270A8#5270A8#5270A8#5270A8#5270A8
#57799A#58779B#5A759C#5B729C#5D709D#5E6E9E#606B9F
#5C828C#5F7E8E#62798F#657591#687092#6A6C94#6E6696
#608B7F#648481#697E83#6D7786#717188#766A8A#7B628D
#659471#6B8B74#718277#767A7A#7C717D#826880#895D84
#6A9D63#719267#78876B#807C6F#877172#8E6676#97587B
#70A852#799A57#828C5C#8B7F60#947165#9D636A#A85270

Colorpallet from #5270A8 to #70A852 and to #A87052
#5270A8#5270A8#5270A8#5270A8#5270A8#5270A8#5270A8
#57799A#58789A#5A769A#5B759A#5D739A#5E729A#60709A
#5C828C#5F7F8C#627C8C#65798C#68768C#6A748C#6E708C
#608B7F#64877F#69827F#6D7E7F#717A7F#76757F#7B707F
#659471#6B8E71#718871#768371#7C7D71#827771#897071
#6A9D63#719663#788F63#808763#878063#8E7963#977063
#70A852#799F52#829652#8B8D52#948452#9D7B52#A87052

Colorpallet from #5270A8 to #A85270 and to #A87052
#5270A8#5270A8#5270A8#5270A8#5270A8#5270A8#5270A8
#606B9F#606C9E#606D9D#606D9D#606E9C#606F9B#60709A
#6E6696#6E6894#6E6993#6E6B91#6E6C90#6E6E8E#6E708C
#7B628D#7B648B#7B6689#7B6986#7B6B84#7B6D82#7B707F
#895D84#896081#89637E#89667B#896978#896C75#897071
#97587B#975C77#976073#97646F#97676C#976B68#977063
#A85270#A8576B#A85C66#A86062#A8655D#A86A58#A87052