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 #3B5C2C to #3B2C5C and to #5C3B2C
#3B5C2C#3B5C2C#3B5C2C#3B5C2C#3B5C2C#3B5C2C#3B5C2C
#3B5434#3C5433#3D5531#3D5530#3E562F#3F562E#40572C
#3B4D3B#3D4E39#3F4E36#404F34#425031#44502F#46512C
#3B4543#3E463F#40473C#434838#454934#484B31#4B4C2C
#3B3D4B#3E3F46#424041#45423C#484337#4C4532#50472C
#3B3652#3F384C#433A46#473C40#4C3E3A#504034#55422C
#3B2C5C#402E54#46314D#4B3345#50363D#553836#5C3B2C

Colorpallet from #3B5C2C to #3B2C5C and to #5C2C3B
#3B5C2C#3B5C2C#3B5C2C#3B5C2C#3B5C2C#3B5C2C#3B5C2C
#3B5434#3C5433#3D5432#3D5431#3E5430#3F542F#40542E
#3B4D3B#3D4D39#3F4D38#404D36#424D35#444D33#464D31
#3B4543#3E4540#40453E#43453B#454539#484536#4B4533
#3B3D4B#3E3D48#423D44#453D41#483D3E#4C3D3A#503D36
#3B3652#3F364E#43364A#473646#4C3641#50363D#553638
#3B2C5C#402C57#462C51#4B2C4C#502C47#552C42#5C2C3B

Colorpallet from #3B5C2C to #3B2C5C and to #2C3B5C
#3B5C2C#3B5C2C#3B5C2C#3B5C2C#3B5C2C#3B5C2C#3B5C2C
#3B5434#3B5434#3A5534#3A5534#3A5634#395634#395734
#3B4D3B#3A4E3B#394E3B#394F3B#38503B#37503B#36513B
#3B4543#3A4643#394743#384843#374943#354B43#344C43
#3B3D4B#393F4B#38404B#36424B#35434B#33454B#31474B
#3B3652#393852#373A52#353C52#333E52#314052#2F4252
#3B2C5C#392E5C#36315C#34335C#31365C#2F385C#2C3B5C

Colorpallet from #3B5C2C to #3B2C5C and to #2C5C3B
#3B5C2C#3B5C2C#3B5C2C#3B5C2C#3B5C2C#3B5C2C#3B5C2C
#3B5434#3B5533#3A5732#3A5831#3A5930#395A2F#395C2E
#3B4D3B#3A4F39#395238#395436#385735#375933#365C31
#3B4543#3A4940#394C3E#38503B#375439#355736#345C33
#3B3D4B#394248#384744#364C41#35513E#33563A#315C36
#3B3652#393C4E#37424A#354846#334E41#31543D#2F5C38
#3B2C5C#393457#363B51#34434C#314B47#2F5242#2C5C3B

Colorpallet from #3B5C2C to #5C3B2C and to #5C2C3B
#3B5C2C#3B5C2C#3B5C2C#3B5C2C#3B5C2C#3B5C2C#3B5C2C
#40572C#40572C#40562D#40562D#40552D#40552E#40542E
#46512C#46502D#46502E#464F2E#464E2F#464E30#464D31
#4B4C2C#4B4B2D#4B4A2E#4B492F#4B4830#4B4632#4B4533
#50472C#50452E#50442F#504231#504132#503F34#503D36
#55422C#55402E#553E30#553C32#553A34#553836#553638
#5C3B2C#5C392E#5C3631#5C3433#5C3136#5C2F38#5C2C3B

Colorpallet from #3B5C2C to #5C3B2C and to #2C3B5C
#3B5C2C#3B5C2C#3B5C2C#3B5C2C#3B5C2C#3B5C2C#3B5C2C
#40572C#3F572D#3E572F#3D5730#3C5731#3A5732#395734
#46512C#43512E#415131#3E5133#3C5136#395138#36513B
#4B4C2C#474C30#444C33#404C37#3C4C3B#394C3E#344C43
#50472C#4B4731#464736#41473B#3C4740#374745#31474B
#55422C#4F4232#494238#43423E#3D4244#37424A#2F4252
#5C3B2C#543B34#4D3B3B#453B43#3D3B4B#363B52#2C3B5C

Colorpallet from #3B5C2C to #5C3B2C and to #2C5C3B
#3B5C2C#3B5C2C#3B5C2C#3B5C2C#3B5C2C#3B5C2C#3B5C2C
#40572C#3F582C#3E592D#3D592D#3C5A2D#3A5B2E#395C2E
#46512C#43532D#41552E#3E562E#3C582F#395A30#365C31
#4B4C2C#474F2D#44512E#40542F#3C5630#395932#345C33
#50472C#4B4A2E#464E2F#415131#3C5432#375834#315C36
#55422C#4F462E#494A30#434E32#3D5334#375736#2F5C38
#5C3B2C#54402E#4D4631#454B33#3D5036#365538#2C5C3B

Colorpallet from #3B5C2C to #5C2C3B and to #2C3B5C
#3B5C2C#3B5C2C#3B5C2C#3B5C2C#3B5C2C#3B5C2C#3B5C2C
#40542E#3F542F#3E5530#3D5531#3C5632#3A5633#395734
#464D31#434E33#414E34#3E4F36#3C5037#395039#36513B
#4B4533#474636#444738#40483B#3C493D#394B40#344C43
#503D36#4B3F39#46403D#414240#3C4343#374547#31474B
#553638#4F383C#493A40#433C44#3D3E49#37404D#2F4252
#5C2C3B#542E40#4D3146#45334B#3D3650#363855#2C3B5C

Colorpallet from #3B5C2C to #5C2C3B and to #2C5C3B
#3B5C2C#3B5C2C#3B5C2C#3B5C2C#3B5C2C#3B5C2C#3B5C2C
#40542E#3F552E#3E572E#3D582E#3C592E#3A5A2E#395C2E
#464D31#434F31#415231#3E5431#3C5731#395931#365C31
#4B4533#474933#444C33#405033#3C5433#395733#345C33
#503D36#4B4236#464736#414C36#3C5136#375636#315C36
#553638#4F3C38#494238#434838#3D4E38#375438#2F5C38
#5C2C3B#54343B#4D3B3B#45433B#3D4B3B#36523B#2C5C3B

Colorpallet from #3B5C2C to #2C3B5C and to #2C5C3B
#3B5C2C#3B5C2C#3B5C2C#3B5C2C#3B5C2C#3B5C2C#3B5C2C
#395734#395833#395932#395931#395A30#395B2F#395C2E
#36513B#365339#365538#365636#365835#365A33#365C31
#344C43#344F40#34513E#34543B#345639#345936#345C33
#31474B#314A48#314E44#315141#31543E#31583A#315C36
#2F4252#2F464E#2F4A4A#2F4E46#2F5341#2F573D#2F5C38
#2C3B5C#2C4057#2C4651#2C4B4C#2C5047#2C5542#2C5C3B