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 #3D704C to #3D4C70 and to #703D4C
#3D704C#3D704C#3D704C#3D704C#3D704C#3D704C#3D704C
#3D6A52#3E6A51#406950#41694F#42694E#43684D#45684C
#3D6458#406356#426354#456252#476150#4A614E#4D604C
#3D5F5D#415E5A#455D58#495C55#4C5B52#50594F#55584C
#3D5963#42575F#48565C#4D5458#525354#575151#5E4F4C
#3D5369#445164#4A4F60#514D5B#574B56#5E4952#66474C
#3D4C70#454A6A#4D4764#55455F#5E4259#664053#703D4C

Colorpallet from #3D704C to #3D4C70 and to #704C3D
#3D704C#3D704C#3D704C#3D704C#3D704C#3D704C#3D704C
#3D6A52#3E6A51#406A4F#416A4E#426A4D#436A4C#456A4A
#3D6458#406455#426453#456450#47644D#4A644A#4D6447
#3D5F5D#415F59#455F55#495F51#4C5F4E#505F4A#555F45
#3D5963#42595E#485958#4D5953#52594E#575949#5E5942
#3D5369#445362#4A535C#515355#57534F#5E5348#665340
#3D4C70#454C68#4D4C60#554C58#5E4C4F#664C47#704C3D

Colorpallet from #3D704C to #3D4C70 and to #4C3D70
#3D704C#3D704C#3D704C#3D704C#3D704C#3D704C#3D704C
#3D6A52#3D6A52#3E6952#3E6952#3E6952#3F6852#3F6852
#3D6458#3E6358#3F6358#3F6258#406158#416158#426058
#3D5F5D#3E5E5D#3F5D5D#405C5D#415B5D#43595D#44585D
#3D5963#3F5763#405663#425463#435363#455163#474F63
#3D5369#3F5169#414F69#434D69#454B69#474969#494769
#3D4C70#3F4A70#424770#444570#474270#494070#4C3D70

Colorpallet from #3D704C to #3D4C70 and to #4C703D
#3D704C#3D704C#3D704C#3D704C#3D704C#3D704C#3D704C
#3D6A52#3D6B51#3E6C4F#3E6D4E#3E6E4D#3F6F4C#3F704A
#3D6458#3E6655#3F6853#3F6A50#406C4D#416E4A#427047
#3D5F5D#3E6259#3F6455#406751#416A4E#436D4A#447045
#3D5963#3F5D5E#406058#426453#43684E#456B49#477042
#3D5369#3F5862#415C5C#436155#45664F#476A48#497040
#3D4C70#3F5268#425860#445D58#47634F#496947#4C703D

Colorpallet from #3D704C to #703D4C and to #704C3D
#3D704C#3D704C#3D704C#3D704C#3D704C#3D704C#3D704C
#45684C#45684C#45694B#45694B#45694B#456A4A#456A4A
#4D604C#4D614B#4D614A#4D624A#4D6349#4D6348#4D6447
#55584C#55594B#555A4A#555B49#555C48#555E46#555F45
#5E4F4C#5E514A#5E5249#5E5447#5E5546#5E5744#5E5942
#66474C#66494A#664B48#664D46#664F44#665142#665340
#703D4C#703F4A#704247#704445#704742#704940#704C3D

Colorpallet from #3D704C to #703D4C and to #4C3D70
#3D704C#3D704C#3D704C#3D704C#3D704C#3D704C#3D704C
#45684C#44684D#43684E#42684F#416850#406851#3F6852
#4D604C#4B604E#496050#486052#466054#446056#426058
#55584C#52584F#505851#4D5854#4A5857#47585A#44585D
#5E4F4C#5A4F50#574F53#534F57#4F4F5B#4C4F5E#474F63
#66474C#614751#5D4755#58475A#53475F#4F4763#494769
#703D4C#6A3D52#643D58#5F3D5D#593D63#533D69#4C3D70

Colorpallet from #3D704C to #703D4C and to #4C703D
#3D704C#3D704C#3D704C#3D704C#3D704C#3D704C#3D704C
#45684C#44694C#436B4B#426C4B#416D4B#406E4A#3F704A
#4D604C#4B634B#49654A#48684A#466A49#446D48#427047
#55584C#525C4B#50604A#4D6449#4A6748#476B46#447045
#5E4F4C#5A544A#575A49#535F47#4F6446#4C6944#477042
#66474C#614E4A#5D5448#585B46#536144#4F6842#497040
#703D4C#6A454A#644D47#5F5545#595E42#536640#4C703D

Colorpallet from #3D704C to #704C3D and to #4C3D70
#3D704C#3D704C#3D704C#3D704C#3D704C#3D704C#3D704C
#456A4A#446A4B#43694D#42694E#41694F#406850#3F6852
#4D6447#4B634A#49634C#48624F#466152#446155#426058
#555F45#525E49#505D4D#4D5C51#4A5B54#475958#44585D
#5E5942#5A5747#57564D#535452#4F5357#4C515C#474F63
#665340#615147#5D4F4D#584D54#534B5A#4F4961#494769
#704C3D#6A4A45#64474D#5F4555#59425E#534066#4C3D70

Colorpallet from #3D704C to #704C3D and to #4C703D
#3D704C#3D704C#3D704C#3D704C#3D704C#3D704C#3D704C
#456A4A#446B4A#436C4A#426D4A#416E4A#406F4A#3F704A
#4D6447#4B6647#496847#486A47#466C47#446E47#427047
#555F45#526245#506445#4D6745#4A6A45#476D45#447045
#5E5942#5A5D42#576042#536442#4F6842#4C6B42#477042
#665340#615840#5D5C40#586140#536640#4F6A40#497040
#704C3D#6A523D#64583D#5F5D3D#59633D#53693D#4C703D

Colorpallet from #3D704C to #4C3D70 and to #4C703D
#3D704C#3D704C#3D704C#3D704C#3D704C#3D704C#3D704C
#3F6852#3F6951#3F6B4F#3F6C4E#3F6D4D#3F6E4C#3F704A
#426058#426355#426553#426850#426A4D#426D4A#427047
#44585D#445C59#446055#446451#44674E#446B4A#447045
#474F63#47545E#475A58#475F53#47644E#476949#477042
#494769#494E62#49545C#495B55#49614F#496848#497040
#4C3D70#4C4568#4C4D60#4C5558#4C5E4F#4C6647#4C703D