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 #3D6E8A to #3D8A6E and to #6E3D8A
#3D6E8A#3D6E8A#3D6E8A#3D6E8A#3D6E8A#3D6E8A#3D6E8A
#3D7286#3E7087#406E87#416C88#426A89#436889#45668A
#3D7781#407382#426F84#456B85#476787#4A6388#4D5E8A
#3D7B7D#41757F#456F81#496983#4C6385#505D87#55568A
#3D8078#42787B#47707E#4C6881#516184#565986#5C4F8A
#3D8474#437A78#49707B#50677F#565D82#5C5386#64478A
#3D8A6E#457E72#4D7177#55657B#5C5980#644C84#6E3D8A

Colorpallet from #3D6E8A to #3D8A6E and to #6E8A3D
#3D6E8A#3D6E8A#3D6E8A#3D6E8A#3D6E8A#3D6E8A#3D6E8A
#3D7286#3E7285#407283#417282#427281#437280#45727E
#3D7781#40777E#42777C#457779#477777#4A7774#4D7771
#3D7B7D#417B79#457B75#497B71#4C7B6E#507B6A#557B65
#3D8078#428073#47806E#4C8069#518064#56805F#5C8059
#3D8474#43846E#498467#508461#56845A#5C8454#64844C
#3D8A6E#458A66#4D8A5E#558A56#5C8A4F#648A47#6E8A3D

Colorpallet from #3D6E8A to #3D8A6E and to #8A3D6E
#3D6E8A#3D6E8A#3D6E8A#3D6E8A#3D6E8A#3D6E8A#3D6E8A
#3D7286#3F7086#416E86#436C86#456A86#476886#496686
#3D7781#417381#456F81#496B81#4D6781#516381#565E81
#3D7B7D#43757D#496F7D#4F697D#55637D#5B5D7D#62567D
#3D8078#457878#4D7078#556878#5C6178#645978#6E4F78
#3D8474#477A74#517074#5B6774#655D74#6F5374#7B4774
#3D8A6E#497E6E#56716E#62656E#6E596E#7B4C6E#8A3D6E

Colorpallet from #3D6E8A to #3D8A6E and to #8A6E3D
#3D6E8A#3D6E8A#3D6E8A#3D6E8A#3D6E8A#3D6E8A#3D6E8A
#3D7286#3F7185#417183#437082#456F81#476F80#496E7E
#3D7781#41767E#45747C#497379#4D7177#517074#566E71
#3D7B7D#437979#497775#4F7571#55736E#5B716A#626E65
#3D8078#457D73#4D7A6E#557769#5C7464#64725F#6E6E59
#3D8474#47806E#517D67#5B7961#65765A#6F7254#7B6E4C
#3D8A6E#498666#56815E#627D56#6E784F#7B7447#8A6E3D

Colorpallet from #3D6E8A to #6E3D8A and to #6E8A3D
#3D6E8A#3D6E8A#3D6E8A#3D6E8A#3D6E8A#3D6E8A#3D6E8A
#45668A#456888#456A86#456C84#456E82#457080#45727E
#4D5E8A#4D6286#4D6682#4D6A7E#4D6E7A#4D7276#4D7771
#55568A#555C84#55627E#556878#556E72#55746C#557B65
#5C4F8A#5C5782#5C5F7A#5C6772#5C6E6B#5C7663#5C8059
#64478A#645180#645B76#64646C#646E62#647858#64844C
#6E3D8A#6E497E#6E5671#6E6265#6E6E59#6E7B4C#6E8A3D

Colorpallet from #3D6E8A to #6E3D8A and to #8A3D6E
#3D6E8A#3D6E8A#3D6E8A#3D6E8A#3D6E8A#3D6E8A#3D6E8A
#45668A#466689#466689#476688#486687#486687#496686
#4D5E8A#4E5E89#505E87#515E86#535E84#545E83#565E81
#55568A#575688#595686#5B5684#5D5682#5F5680#62567D
#5C4F8A#5F4F87#624F84#654F81#684F7E#6A4F7C#6E4F78
#64478A#684786#6B4783#6F477F#73477C#764778#7B4774
#6E3D8A#723D86#773D81#7B3D7D#803D78#843D74#8A3D6E

Colorpallet from #3D6E8A to #6E3D8A and to #8A6E3D
#3D6E8A#3D6E8A#3D6E8A#3D6E8A#3D6E8A#3D6E8A#3D6E8A
#45668A#466788#466986#476A84#486B82#486C80#496E7E
#4D5E8A#4E6186#506382#51667E#53687A#546B76#566E71
#55568A#575A84#595E7E#5B6278#5D6572#5F696C#626E65
#5C4F8A#5F5482#62597A#655E72#68636B#6A6863#6E6E59
#64478A#684D80#6B5376#6F5A6C#736062#766658#7B6E4C
#6E3D8A#72457E#774D71#7B5565#805C59#84644C#8A6E3D

Colorpallet from #3D6E8A to #6E8A3D and to #8A3D6E
#3D6E8A#3D6E8A#3D6E8A#3D6E8A#3D6E8A#3D6E8A#3D6E8A
#45727E#46707F#466E81#476C82#486A83#486884#496686
#4D7771#4E7374#506F76#516B79#53677B#54637E#565E81
#557B65#577569#596F6D#5B6971#5D6374#5F5D78#62567D
#5C8059#5F785E#627063#656868#68616D#6A5972#6E4F78
#64844C#687A52#6B7059#6F675F#735D66#76536C#7B4774
#6E8A3D#727E45#77714D#7B6555#80595C#844C64#8A3D6E

Colorpallet from #3D6E8A to #6E8A3D and to #8A6E3D
#3D6E8A#3D6E8A#3D6E8A#3D6E8A#3D6E8A#3D6E8A#3D6E8A
#45727E#46717E#46717E#47707E#486F7E#486F7E#496E7E
#4D7771#4E7671#507471#517371#537171#547071#566E71
#557B65#577965#597765#5B7565#5D7365#5F7165#626E65
#5C8059#5F7D59#627A59#657759#687459#6A7259#6E6E59
#64844C#68804C#6B7D4C#6F794C#73764C#76724C#7B6E4C
#6E8A3D#72863D#77813D#7B7D3D#80783D#84743D#8A6E3D

Colorpallet from #3D6E8A to #8A3D6E and to #8A6E3D
#3D6E8A#3D6E8A#3D6E8A#3D6E8A#3D6E8A#3D6E8A#3D6E8A
#496686#496785#496983#496A82#496B81#496C80#496E7E
#565E81#56617E#56637C#566679#566877#566B74#566E71
#62567D#625A79#625E75#626271#62656E#62696A#626E65
#6E4F78#6E5473#6E596E#6E5E69#6E6364#6E685F#6E6E59
#7B4774#7B4D6E#7B5367#7B5A61#7B605A#7B6654#7B6E4C
#8A3D6E#8A4566#8A4D5E#8A5556#8A5C4F#8A6447#8A6E3D