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 #3B6C50 to #3B506C and to #6C3B50
#3B6C50#3B6C50#3B6C50#3B6C50#3B6C50#3B6C50#3B6C50
#3B6854#3C6753#3E6753#3F6652#406551#416551#436450
#3B6359#3E6258#406156#436055#455F53#485D52#4B5C50
#3B5F5D#3F5D5B#435B59#475A57#4A5855#4E5653#535450
#3B5A62#40585F#45565C#4A5459#4F5256#545054#5A4D50
#3B5666#415362#47515F#4E4E5B#544B58#5A4854#624550
#3B506C#434D68#4B4963#53465F#5A435A#623F56#6C3B50

Colorpallet from #3B6C50 to #3B506C and to #6C503B
#3B6C50#3B6C50#3B6C50#3B6C50#3B6C50#3B6C50#3B6C50
#3B6854#3C6853#3E6852#3F6851#406850#41684E#43684D
#3B6359#3E6356#406354#436351#45634F#48634C#4B6349
#3B5F5D#3F5F59#435F56#475F52#4A5F4E#4E5F4B#535F46
#3B5A62#405A5D#455A58#4A5A53#4F5A4E#545A49#5A5A43
#3B5666#415660#47565A#4E5653#54564D#5A5647#62563F
#3B506C#435064#4B505C#535054#5A504D#625045#6C503B

Colorpallet from #3B6C50 to #3B506C and to #503B6C
#3B6C50#3B6C50#3B6C50#3B6C50#3B6C50#3B6C50#3B6C50
#3B6854#3B6754#3C6754#3C6654#3D6554#3D6554#3E6454
#3B6359#3C6259#3D6159#3E6059#3F5F59#415D59#425C59
#3B5F5D#3D5D5D#3E5B5D#405A5D#41585D#43565D#45545D
#3B5A62#3D5862#3F5662#415462#435262#455062#484D62
#3B5666#3E5366#405166#434E66#464B66#494866#4C4566
#3B506C#3E4D6C#42496C#45466C#48436C#4C3F6C#503B6C

Colorpallet from #3B6C50 to #3B506C and to #506C3B
#3B6C50#3B6C50#3B6C50#3B6C50#3B6C50#3B6C50#3B6C50
#3B6854#3B6953#3C6952#3C6A51#3D6B50#3D6B4E#3E6C4D
#3B6359#3C6456#3D6654#3E6751#3F694F#416A4C#426C49
#3B5F5D#3D6159#3E6356#406552#41674E#43694B#456C46
#3B5A62#3D5D5D#3F6058#416353#43664E#456849#486C43
#3B5666#3E5A60#405D5A#436153#46644D#496847#4C6C3F
#3B506C#3E5464#42595C#455D54#48624D#4C6645#506C3B

Colorpallet from #3B6C50 to #6C3B50 and to #6C503B
#3B6C50#3B6C50#3B6C50#3B6C50#3B6C50#3B6C50#3B6C50
#436450#436550#43654F#43664F#43674E#43674E#43684D
#4B5C50#4B5D4F#4B5E4E#4B5F4D#4B604C#4B624A#4B6349
#535450#53564E#53584D#53594B#535B4A#535D48#535F46
#5A4D50#5A4F4E#5A514C#5A534A#5A5548#5A5746#5A5A43
#624550#62484D#624A4B#624D48#625045#625342#62563F
#6C3B50#6C3E4D#6C4249#6C4546#6C4843#6C4C3F#6C503B

Colorpallet from #3B6C50 to #6C3B50 and to #503B6C
#3B6C50#3B6C50#3B6C50#3B6C50#3B6C50#3B6C50#3B6C50
#436450#426451#416451#416452#406453#3F6453#3E6454
#4B5C50#4A5C51#485C53#475C54#455C56#445C57#425C59
#535450#515452#4F5454#4C5456#4A5458#48545A#45545D
#5A4D50#574D53#544D56#514D59#4E4D5C#4C4D5E#484D62
#624550#5E4554#5B4557#57455B#54455E#504562#4C4566
#6C3B50#683B54#633B59#5F3B5D#5A3B62#563B66#503B6C

Colorpallet from #3B6C50 to #6C3B50 and to #506C3B
#3B6C50#3B6C50#3B6C50#3B6C50#3B6C50#3B6C50#3B6C50
#436450#426550#41674F#41684F#40694E#3F6A4E#3E6C4D
#4B5C50#4A5F4F#48614E#47644D#45664C#44694A#426C49
#535450#51584E#4F5C4D#4C604B#4A634A#486748#456C46
#5A4D50#57524E#54574C#515C4A#4E6148#4C6646#486C43
#624550#5E4B4D#5B514B#575848#545E45#506442#4C6C3F
#6C3B50#68434D#634B49#5F5346#5A5A43#56623F#506C3B

Colorpallet from #3B6C50 to #6C503B and to #503B6C
#3B6C50#3B6C50#3B6C50#3B6C50#3B6C50#3B6C50#3B6C50
#43684D#42674E#41674F#416650#406551#3F6553#3E6454
#4B6349#4A624C#48614E#476051#455F53#445D56#425C59
#535F46#515D4A#4F5B4D#4C5A51#4A5855#485658#45545D
#5A5A43#575848#54564D#515452#4E5257#4C505C#484D62
#62563F#5E5345#5B514B#574E52#544B58#50485E#4C4566
#6C503B#684D43#63494B#5F4653#5A435A#563F62#503B6C

Colorpallet from #3B6C50 to #6C503B and to #506C3B
#3B6C50#3B6C50#3B6C50#3B6C50#3B6C50#3B6C50#3B6C50
#43684D#42694D#41694D#416A4D#406B4D#3F6B4D#3E6C4D
#4B6349#4A6449#486649#476749#456949#446A49#426C49
#535F46#516146#4F6346#4C6546#4A6746#486946#456C46
#5A5A43#575D43#546043#516343#4E6643#4C6843#486C43
#62563F#5E5A3F#5B5D3F#57613F#54643F#50683F#4C6C3F
#6C503B#68543B#63593B#5F5D3B#5A623B#56663B#506C3B

Colorpallet from #3B6C50 to #503B6C and to #506C3B
#3B6C50#3B6C50#3B6C50#3B6C50#3B6C50#3B6C50#3B6C50
#3E6454#3E6553#3E6752#3E6851#3E6950#3E6A4E#3E6C4D
#425C59#425F56#426154#426451#42664F#42694C#426C49
#45545D#455859#455C56#456052#45634E#45674B#456C46
#484D62#48525D#485758#485C53#48614E#486649#486C43
#4C4566#4C4B60#4C515A#4C5853#4C5E4D#4C6447#4C6C3F
#503B6C#504364#504B5C#505354#505A4D#506245#506C3B