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 #316C4A to #314A6C and to #6C314A
#316C4A#316C4A#316C4A#316C4A#316C4A#316C4A#316C4A
#31674F#32664E#34664D#35654D#37644C#38644B#3A634A
#316155#346053#375E51#3A5D50#3D5C4E#405B4C#44594A
#315C5A#355A57#3A5855#3E5652#435450#47524D#4D504A
#315660#37535C#3D5159#434E55#494C52#4F494E#57464A
#315165#394E61#404B5C#484758#4F4454#57414F#603D4A
#314A6C#3A4667#444261#4D3E5C#573A56#603651#6C314A

Colorpallet from #316C4A to #314A6C and to #6C4A31
#316C4A#316C4A#316C4A#316C4A#316C4A#316C4A#316C4A
#31674F#32674E#34674C#35674B#376749#386748#3A6746
#316155#346152#37614F#3A614C#3D6149#406146#446142
#315C5A#355C56#3A5C51#3E5C4D#435C48#475C44#4D5C3E
#315660#37565A#3D5654#43564E#495648#4F5642#57563A
#315165#39515D#405156#48514E#4F5147#57513F#605136
#314A6C#3A4A63#444A59#4D4A50#574A46#604A3D#6C4A31

Colorpallet from #316C4A to #314A6C and to #4A316C
#316C4A#316C4A#316C4A#316C4A#316C4A#316C4A#316C4A
#31674F#32664F#32664F#33654F#34644F#34644F#35634F
#316155#326055#345E55#355D55#365C55#375B55#395955
#315C5A#335A5A#35585A#37565A#39545A#3B525A#3D505A
#315660#345360#365160#394E60#3B4C60#3E4960#414660
#315165#344E65#374B65#3B4765#3E4465#414165#453D65
#314A6C#35466C#39426C#3D3E6C#413A6C#45366C#4A316C

Colorpallet from #316C4A to #314A6C and to #4A6C31
#316C4A#316C4A#316C4A#316C4A#316C4A#316C4A#316C4A
#31674F#32684E#32694C#33694B#346A49#346B48#356C46
#316155#326352#34654F#35664C#366849#376A46#396C42
#315C5A#335F56#356151#37644D#396648#3B6944#3D6C3E
#315660#345A5A#365D54#39614E#3B6448#3E6842#416C3A
#315165#34555D#375A56#3B5E4E#3E6247#41673F#456C36
#314A6C#354F63#395559#3D5A50#416046#45653D#4A6C31

Colorpallet from #316C4A to #6C314A and to #6C4A31
#316C4A#316C4A#316C4A#316C4A#316C4A#316C4A#316C4A
#3A634A#3A6449#3A6449#3A6548#3A6647#3A6647#3A6746
#44594A#445A49#445C47#445D46#445E45#445F44#446142
#4D504A#4D5248#4D5446#4D5644#4D5842#4D5A40#4D5C3E
#57464A#574947#574B45#574E42#575040#57533D#57563A
#603D4A#604047#604344#604740#604A3D#604D3A#605136
#6C314A#6C3546#6C3942#6C3D3E#6C413A#6C4536#6C4A31

Colorpallet from #316C4A to #6C314A and to #4A316C
#316C4A#316C4A#316C4A#316C4A#316C4A#316C4A#316C4A
#3A634A#39634B#38634C#38634C#37634D#36634E#35634F
#44594A#42594C#40594E#3F594F#3D5951#3B5953#395955
#4D504A#4A504D#48504F#455052#435054#405057#3D505A
#57464A#53464E#504651#4C4655#494658#45465C#414660
#603D4A#5C3D4E#573D53#533D57#4F3D5B#4A3D60#453D65
#6C314A#67314F#613155#5C315A#563160#513165#4A316C

Colorpallet from #316C4A to #6C314A and to #4A6C31
#316C4A#316C4A#316C4A#316C4A#316C4A#316C4A#316C4A
#3A634A#396449#386649#386748#376947#366A47#356C46
#44594A#425C49#405F47#3F6246#3D6545#3B6844#396C42
#4D504A#4A5448#485946#455D44#436242#406640#3D6C3E
#57464A#534C47#505245#4C5842#495E40#45643D#416C3A
#603D4A#5C4547#574C44#535440#4F5B3D#4A633A#456C36
#6C314A#673A46#614442#5C4D3E#56573A#516036#4A6C31

Colorpallet from #316C4A to #6C4A31 and to #4A316C
#316C4A#316C4A#316C4A#316C4A#316C4A#316C4A#316C4A
#3A6746#396647#386649#38654A#37644C#36644D#35634F
#446142#426045#405E48#3F5D4B#3D5C4E#3B5B51#395955
#4D5C3E#4A5A42#485847#45564B#435450#405254#3D505A
#57563A#535340#505146#4C4E4C#494C52#454958#414660
#605136#5C4E3E#574B45#53474D#4F4454#4A415C#453D65
#6C4A31#67463A#614244#5C3E4D#563A57#513660#4A316C

Colorpallet from #316C4A to #6C4A31 and to #4A6C31
#316C4A#316C4A#316C4A#316C4A#316C4A#316C4A#316C4A
#3A6746#396846#386946#386946#376A46#366B46#356C46
#446142#426342#406542#3F6642#3D6842#3B6A42#396C42
#4D5C3E#4A5F3E#48613E#45643E#43663E#40693E#3D6C3E
#57563A#535A3A#505D3A#4C613A#49643A#45683A#416C3A
#605136#5C5536#575A36#535E36#4F6236#4A6736#456C36
#6C4A31#674F31#615531#5C5A31#566031#516531#4A6C31

Colorpallet from #316C4A to #4A316C and to #4A6C31
#316C4A#316C4A#316C4A#316C4A#316C4A#316C4A#316C4A
#35634F#35644E#35664C#35674B#356949#356A48#356C46
#395955#395C52#395F4F#39624C#396549#396846#396C42
#3D505A#3D5456#3D5951#3D5D4D#3D6248#3D6644#3D6C3E
#414660#414C5A#415254#41584E#415E48#416442#416C3A
#453D65#45455D#454C56#45544E#455B47#45633F#456C36
#4A316C#4A3A63#4A4459#4A4D50#4A5746#4A603D#4A6C31