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 #3B6C7A to #3B7A6C and to #6C3B7A
#3B6C7A#3B6C7A#3B6C7A#3B6C7A#3B6C7A#3B6C7A#3B6C7A
#3B6E78#3C6C78#3E6B79#3F6979#406879#41667A#43647A
#3B7076#3E6D77#406A77#436678#456379#486079#4B5C7A
#3B7373#3F6E74#436975#476476#4A5F77#4E5A79#53547A
#3B7571#406F72#456874#4A6275#4F5B77#545578#5A4D7A
#3B776F#416F71#476773#4E5F74#545776#5A4F78#62457A
#3B7A6C#43706E#4B6670#535C73#5A5275#624877#6C3B7A

Colorpallet from #3B6C7A to #3B7A6C and to #6C7A3B
#3B6C7A#3B6C7A#3B6C7A#3B6C7A#3B6C7A#3B6C7A#3B6C7A
#3B6E78#3C6E77#3E6E75#3F6E74#406E73#416E72#436E70
#3B7076#3E7073#407071#43706E#45706C#487069#4B7066
#3B7373#3F736F#43736C#477368#4A7364#4E7361#53735C
#3B7571#40756C#457567#4A7562#4F755D#547558#5A7552
#3B776F#417769#477763#4E775C#547756#5A7750#627748
#3B7A6C#437A64#4B7A5C#537A54#5A7A4D#627A45#6C7A3B

Colorpallet from #3B6C7A to #3B7A6C and to #7A3B6C
#3B6C7A#3B6C7A#3B6C7A#3B6C7A#3B6C7A#3B6C7A#3B6C7A
#3B6E78#3D6C78#3E6B78#406978#416878#436678#456478
#3B7076#3E6D76#416A76#456676#486376#4B6076#4F5C76
#3B7373#406E73#456973#496473#4E5F73#535A73#595473
#3B7571#416F71#486871#4E6271#555B71#5B5571#634D71
#3B776F#436F6F#4B676F#535F6F#5B576F#634F6F#6D456F
#3B7A6C#45706C#4F666C#595C6C#63526C#6D486C#7A3B6C

Colorpallet from #3B6C7A to #3B7A6C and to #7A6C3B
#3B6C7A#3B6C7A#3B6C7A#3B6C7A#3B6C7A#3B6C7A#3B6C7A
#3B6E78#3D6E77#3E6D75#406D74#416D73#436C72#456C70
#3B7076#3E6F73#416F71#456E6E#486D6C#4B6D69#4F6C66
#3B7373#40726F#45716C#497068#4E6F64#536D61#596C5C
#3B7571#41746C#487267#4E7162#556F5D#5B6E58#636C52
#3B776F#437569#4B7363#53725C#5B7056#636E50#6D6C48
#3B7A6C#457864#4F765C#597354#63714D#6D6F45#7A6C3B

Colorpallet from #3B6C7A to #6C3B7A and to #6C7A3B
#3B6C7A#3B6C7A#3B6C7A#3B6C7A#3B6C7A#3B6C7A#3B6C7A
#43647A#436678#436777#436975#436A74#436C72#436E70
#4B5C7A#4B5F77#4B6274#4B6670#4B696D#4B6C6A#4B7066
#53547A#535975#535E70#53636C#536867#536D62#53735C
#5A4D7A#5A5374#5A5A6D#5A6067#5A6760#5A6D5A#5A7552
#62457A#624D72#62556A#625D62#62655A#626D52#627748
#6C3B7A#6C4570#6C4F66#6C595C#6C6352#6C6D48#6C7A3B

Colorpallet from #3B6C7A to #6C3B7A and to #7A3B6C
#3B6C7A#3B6C7A#3B6C7A#3B6C7A#3B6C7A#3B6C7A#3B6C7A
#43647A#43647A#446479#446479#446479#456478#456478
#4B5C7A#4C5C79#4C5C79#4D5C78#4E5C77#4E5C77#4F5C76
#53547A#545479#555478#565477#575476#585474#595473
#5A4D7A#5B4D79#5D4D77#5E4D76#604D74#614D73#634D71
#62457A#644578#664576#674575#694573#6B4571#6D456F
#6C3B7A#6E3B78#703B76#733B73#753B71#773B6F#7A3B6C

Colorpallet from #3B6C7A to #6C3B7A and to #7A6C3B
#3B6C7A#3B6C7A#3B6C7A#3B6C7A#3B6C7A#3B6C7A#3B6C7A
#43647A#436578#446777#446875#446974#456A72#456C70
#4B5C7A#4C5F77#4C6174#4D6470#4E666D#4E696A#4F6C66
#53547A#545875#555C70#56606C#576367#586762#596C5C
#5A4D7A#5B5274#5D576D#5E5C67#606160#61665A#636C52
#62457A#644B72#66516A#675862#695E5A#6B6452#6D6C48
#6C3B7A#6E4370#704B66#73535C#755A52#776248#7A6C3B

Colorpallet from #3B6C7A to #6C7A3B and to #7A3B6C
#3B6C7A#3B6C7A#3B6C7A#3B6C7A#3B6C7A#3B6C7A#3B6C7A
#436E70#436C71#446B73#446974#446875#456676#456478
#4B7066#4C6D69#4C6A6B#4D666E#4E6370#4E6073#4F5C76
#53735C#546E60#556963#566467#575F6B#585A6E#595473
#5A7552#5B6F57#5D685C#5E6261#605B66#61556B#634D71
#627748#646F4E#666754#675F5B#695761#6B4F67#6D456F
#6C7A3B#6E7043#70664B#735C53#75525A#774862#7A3B6C

Colorpallet from #3B6C7A to #6C7A3B and to #7A6C3B
#3B6C7A#3B6C7A#3B6C7A#3B6C7A#3B6C7A#3B6C7A#3B6C7A
#436E70#436E70#446D70#446D70#446D70#456C70#456C70
#4B7066#4C6F66#4C6F66#4D6E66#4E6D66#4E6D66#4F6C66
#53735C#54725C#55715C#56705C#576F5C#586D5C#596C5C
#5A7552#5B7452#5D7252#5E7152#606F52#616E52#636C52
#627748#647548#667348#677248#697048#6B6E48#6D6C48
#6C7A3B#6E783B#70763B#73733B#75713B#776F3B#7A6C3B

Colorpallet from #3B6C7A to #7A3B6C and to #7A6C3B
#3B6C7A#3B6C7A#3B6C7A#3B6C7A#3B6C7A#3B6C7A#3B6C7A
#456478#456577#456775#456874#456973#456A72#456C70
#4F5C76#4F5F73#4F6171#4F646E#4F666C#4F6969#4F6C66
#595473#59586F#595C6C#596068#596364#596761#596C5C
#634D71#63526C#635767#635C62#63615D#636658#636C52
#6D456F#6D4B69#6D5163#6D585C#6D5E56#6D6450#6D6C48
#7A3B6C#7A4364#7A4B5C#7A5354#7A5A4D#7A6245#7A6C3B