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 #3D6C80 to #3D806C and to #6C3D80
#3D6C80#3D6C80#3D6C80#3D6C80#3D6C80#3D6C80#3D6C80
#3D6F7D#3E6D7D#406B7E#416A7E#42687F#43667F#456480
#3D727A#3F6F7B#426B7C#44687D#47657E#49617F#4C5D80
#3D7676#417178#446B79#48667B#4C617C#4F5C7E#545580
#3D7973#427275#476B77#4B6479#505D7B#55577D#5B4E80
#3D7C70#437373#496B75#4F6278#55597A#5B517D#634680
#3D806C#45756F#4C6B72#546076#5B5579#634A7C#6C3D80

Colorpallet from #3D6C80 to #3D806C and to #6C803D
#3D6C80#3D6C80#3D6C80#3D6C80#3D6C80#3D6C80#3D6C80
#3D6F7D#3E6F7C#406F7A#416F79#426F78#436F77#456F75
#3D727A#3F7278#427275#447273#477270#49726E#4C726B
#3D7676#417672#44766F#48766B#4C7668#4F7664#547660
#3D7973#42796E#477969#4B7965#507960#55795B#5B7955
#3D7C70#437C6A#497C64#4F7C5E#557C58#5B7C52#637C4A
#3D806C#458064#4C805D#548055#5B804E#638046#6C803D

Colorpallet from #3D6C80 to #3D806C and to #803D6C
#3D6C80#3D6C80#3D6C80#3D6C80#3D6C80#3D6C80#3D6C80
#3D6F7D#3F6D7D#416B7D#426A7D#44687D#46667D#48647D
#3D727A#406F7A#446B7A#47687A#4A657A#4E617A#525D7A
#3D7676#427176#476B76#4C6676#516176#575C76#5D5576
#3D7973#447273#4B6B73#526473#595D73#5F5773#684E73
#3D7C70#467370#4E6B70#576270#605970#685170#734670
#3D806C#48756C#526B6C#5D606C#68556C#734A6C#803D6C

Colorpallet from #3D6C80 to #3D806C and to #806C3D
#3D6C80#3D6C80#3D6C80#3D6C80#3D6C80#3D6C80#3D6C80
#3D6F7D#3F6F7C#416E7A#426E79#446D78#466D77#486C75
#3D727A#407178#447075#476F73#4A6E70#4E6D6E#526C6B
#3D7676#427472#47736F#4C716B#517068#576E64#5D6C60
#3D7973#44776E#4B7569#527365#597160#5F6F5B#686C55
#3D7C70#46796A#4E7764#57745E#607258#686F52#736C4A
#3D806C#487D64#527A5D#5D7655#68734E#737046#806C3D

Colorpallet from #3D6C80 to #6C3D80 and to #6C803D
#3D6C80#3D6C80#3D6C80#3D6C80#3D6C80#3D6C80#3D6C80
#456480#45667E#45687C#45697B#456B79#456D77#456F75
#4C5D80#4C607D#4C6479#4C6776#4C6A73#4C6E6F#4C726B
#545580#545A7B#546076#546571#546A6C#546F66#547660
#5B4E80#5B5579#5B5C72#5B636B#5B6A64#5B705E#5B7955
#634680#634F77#63576F#636066#63695D#637155#637C4A
#6C3D80#6C4875#6C526B#6C5D60#6C6855#6C734A#6C803D

Colorpallet from #3D6C80 to #6C3D80 and to #803D6C
#3D6C80#3D6C80#3D6C80#3D6C80#3D6C80#3D6C80#3D6C80
#456480#456480#46647F#46647F#47647E#47647E#48647D
#4C5D80#4D5D7F#4E5D7E#4F5D7D#505D7C#515D7B#525D7A
#545580#55557E#57557D#58557B#5A557A#5B5578#5D5576
#5B4E80#5D4E7E#5F4E7C#614E7A#634E78#654E76#684E73
#634680#66467D#68467B#6B4678#6D4676#704673#734670
#6C3D80#6F3D7D#723D7A#763D76#793D73#7C3D70#803D6C

Colorpallet from #3D6C80 to #6C3D80 and to #806C3D
#3D6C80#3D6C80#3D6C80#3D6C80#3D6C80#3D6C80#3D6C80
#456480#45657E#46677C#46687B#476979#476A77#486C75
#4C5D80#4D5F7D#4E6279#4F6476#506773#51696F#526C6B
#545580#55597B#575C76#586071#5A646C#5B6766#5D6C60
#5B4E80#5D5379#5F5872#615C6B#636164#65665E#686C55
#634680#664C77#68526F#6B5866#6D5E5D#706455#736C4A
#6C3D80#6F4575#724C6B#765460#795B55#7C634A#806C3D

Colorpallet from #3D6C80 to #6C803D and to #803D6C
#3D6C80#3D6C80#3D6C80#3D6C80#3D6C80#3D6C80#3D6C80
#456F75#456D76#466B78#466A79#47687A#47667B#48647D
#4C726B#4D6F6D#4E6B70#4F6872#506575#516177#525D7A
#547660#557164#576B67#58666B#5A616E#5B5C72#5D5576
#5B7955#5D725A#5F6B5F#616463#635D68#65576D#684E73
#637C4A#667350#686B56#6B625C#6D5962#705168#734670
#6C803D#6F7545#726B4C#766054#79555B#7C4A63#803D6C

Colorpallet from #3D6C80 to #6C803D and to #806C3D
#3D6C80#3D6C80#3D6C80#3D6C80#3D6C80#3D6C80#3D6C80
#456F75#456F75#466E75#466E75#476D75#476D75#486C75
#4C726B#4D716B#4E706B#4F6F6B#506E6B#516D6B#526C6B
#547660#557460#577360#587160#5A7060#5B6E60#5D6C60
#5B7955#5D7755#5F7555#617355#637155#656F55#686C55
#637C4A#66794A#68774A#6B744A#6D724A#706F4A#736C4A
#6C803D#6F7D3D#727A3D#76763D#79733D#7C703D#806C3D

Colorpallet from #3D6C80 to #803D6C and to #806C3D
#3D6C80#3D6C80#3D6C80#3D6C80#3D6C80#3D6C80#3D6C80
#48647D#48657C#48677A#486879#486978#486A77#486C75
#525D7A#525F78#526275#526473#526770#52696E#526C6B
#5D5576#5D5972#5D5C6F#5D606B#5D6468#5D6764#5D6C60
#684E73#68536E#685869#685C65#686160#68665B#686C55
#734670#734C6A#735264#73585E#735E58#736452#736C4A
#803D6C#804564#804C5D#805455#805B4E#806346#806C3D