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 #3A6E56 to #3A566E and to #6E3A56
#3A6E56#3A6E56#3A6E56#3A6E56#3A6E56#3A6E56#3A6E56
#3A6A5A#3B6959#3D6959#3E6858#3F6757#406757#426656
#3A665E#3D655D#3F635B#42625A#456059#485F58#4B5D56
#3A6262#3E6060#425E5E#465C5C#4A5A5A#4E5858#535556
#3A5F65#3F5C63#455960#4A565E#4F535B#545159#5B4D56
#3A5B69#415766#475463#4E5060#554C5D#5C495A#644456
#3A566E#42526A#4B4D66#534962#5B445F#64405B#6E3A56

Colorpallet from #3A6E56 to #3A566E and to #6E563A
#3A6E56#3A6E56#3A6E56#3A6E56#3A6E56#3A6E56#3A6E56
#3A6A5A#3B6A59#3D6A57#3E6A56#3F6A55#406A54#426A52
#3A665E#3D665B#3F6659#426656#456653#486650#4B664D
#3A6262#3E625E#42625A#466256#4A6252#4E624E#536249
#3A5F65#3F5F60#455F5A#4A5F55#4F5F50#545F4B#5B5F44
#3A5B69#415B62#475B5C#4E5B55#555B4F#5C5B48#645B40
#3A566E#425666#4B565D#535655#5B564D#645644#6E563A

Colorpallet from #3A6E56 to #3A566E and to #563A6E
#3A6E56#3A6E56#3A6E56#3A6E56#3A6E56#3A6E56#3A6E56
#3A6A5A#3B695A#3B695A#3C685A#3D675A#3D675A#3E665A
#3A665E#3B655E#3D635E#3E625E#40605E#415F5E#435D5E
#3A6262#3C6062#3E5E62#405C62#425A62#445862#475562
#3A5F65#3D5C65#405965#435665#465365#485165#4C4D65
#3A5B69#3E5769#415469#455069#484C69#4C4969#504469
#3A566E#3E526E#434D6E#47496E#4C446E#50406E#563A6E

Colorpallet from #3A6E56 to #3A566E and to #566E3A
#3A6E56#3A6E56#3A6E56#3A6E56#3A6E56#3A6E56#3A6E56
#3A6A5A#3B6B59#3B6B57#3C6C56#3D6D55#3D6D54#3E6E52
#3A665E#3B675B#3D6959#3E6A56#406B53#416C50#436E4D
#3A6262#3C645E#3E665A#406856#426A52#446C4E#476E49
#3A5F65#3D6160#40645A#436655#466950#486B4B#4C6E44
#3A5B69#3E5E62#41615C#456455#48674F#4C6A48#506E40
#3A566E#3E5A66#435E5D#476255#4C654D#506944#566E3A

Colorpallet from #3A6E56 to #6E3A56 and to #6E563A
#3A6E56#3A6E56#3A6E56#3A6E56#3A6E56#3A6E56#3A6E56
#426656#426755#426755#426854#426953#426953#426A52
#4B5D56#4B5E55#4B6053#4B6152#4B6350#4B644F#4B664D
#535556#535754#535952#535B50#535D4E#535F4C#536249
#5B4D56#5B5053#5B5350#5B564D#5B594A#5B5B48#5B5F44
#644456#644852#644B4F#644F4B#645348#645644#645B40
#6E3A56#6E3E52#6E434D#6E4749#6E4C44#6E5040#6E563A

Colorpallet from #3A6E56 to #6E3A56 and to #563A6E
#3A6E56#3A6E56#3A6E56#3A6E56#3A6E56#3A6E56#3A6E56
#426656#416657#416657#406658#3F6659#3F6659#3E665A
#4B5D56#4A5D57#485D59#475D5A#465D5B#455D5C#435D5E
#535556#515558#4F555A#4D555C#4B555E#495560#475562
#5B4D56#594D58#564D5B#544D5D#514D60#4F4D62#4C4D65
#644456#614459#5E445C#5A445F#574462#544465#504469
#6E3A56#6A3A5A#663A5E#623A62#5F3A65#5B3A69#563A6E

Colorpallet from #3A6E56 to #6E3A56 and to #566E3A
#3A6E56#3A6E56#3A6E56#3A6E56#3A6E56#3A6E56#3A6E56
#426656#416755#416955#406A54#3F6B53#3F6C53#3E6E52
#4B5D56#4A6055#486253#476552#466850#456B4F#436E4D
#535556#515954#4F5D52#4D6150#4B654E#49694C#476E49
#5B4D56#595253#565850#545D4D#51624A#4F6748#4C6E44
#644456#614B52#5E514F#5A584B#575F48#546644#506E40
#6E3A56#6A4252#664B4D#625349#5F5B44#5B6440#566E3A

Colorpallet from #3A6E56 to #6E563A and to #563A6E
#3A6E56#3A6E56#3A6E56#3A6E56#3A6E56#3A6E56#3A6E56
#426A52#416953#416955#406856#3F6757#3F6758#3E665A
#4B664D#4A6550#486352#476255#466058#455F5B#435D5E
#536249#51604D#4F5E51#4D5C55#4B5A59#49585D#475562
#5B5F44#595C49#56594F#545654#515359#4F515E#4C4D65
#645B40#615747#5E544D#5A5054#574C5A#544961#504469
#6E563A#6A5242#664D4B#624953#5F445B#5B4064#563A6E

Colorpallet from #3A6E56 to #6E563A and to #566E3A
#3A6E56#3A6E56#3A6E56#3A6E56#3A6E56#3A6E56#3A6E56
#426A52#416B52#416B52#406C52#3F6D52#3F6D52#3E6E52
#4B664D#4A674D#48694D#476A4D#466B4D#456C4D#436E4D
#536249#516449#4F6649#4D6849#4B6A49#496C49#476E49
#5B5F44#596144#566444#546644#516944#4F6B44#4C6E44
#645B40#615E40#5E6140#5A6440#576740#546A40#506E40
#6E563A#6A5A3A#665E3A#62623A#5F653A#5B693A#566E3A

Colorpallet from #3A6E56 to #563A6E and to #566E3A
#3A6E56#3A6E56#3A6E56#3A6E56#3A6E56#3A6E56#3A6E56
#3E665A#3E6759#3E6957#3E6A56#3E6B55#3E6C54#3E6E52
#435D5E#43605B#436259#436556#436853#436B50#436E4D
#475562#47595E#475D5A#476156#476552#47694E#476E49
#4C4D65#4C5260#4C585A#4C5D55#4C6250#4C674B#4C6E44
#504469#504B62#50515C#505855#505F4F#506648#506E40
#563A6E#564266#564B5D#565355#565B4D#566444#566E3A