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 #3B8056 to #3B5680 and to #803B56
#3B8056#3B8056#3B8056#3B8056#3B8056#3B8056#3B8056
#3B795D#3D785C#3F785B#40775A#427659#447657#467556
#3B7363#3F7261#42705F#466F5D#496D5B#4D6C59#516A56
#3B6C6A#406A67#466864#4B6660#50645D#55625A#5C5F56
#3B6571#42626D#496068#505D64#575A60#5E575B#675456
#3B5E78#445B73#4D576D#555468#5E5162#674D5D#724956
#3B5680#465279#514D73#5C496C#674565#72405E#803B56

Colorpallet from #3B8056 to #3B5680 and to #80563B
#3B8056#3B8056#3B8056#3B8056#3B8056#3B8056#3B8056
#3B795D#3D795B#3F7959#407958#427956#447954#467952
#3B7363#3F735F#42735C#467358#497355#4D7351#51734D
#3B6C6A#406C65#466C5F#4B6C5A#506C55#556C50#5C6C49
#3B6571#42656A#496563#50655C#576555#5E654E#676545
#3B5E78#445E6F#4D5E66#555E5D#5E5E54#675E4B#725E40
#3B5680#465675#51566A#5C565F#675654#725649#80563B

Colorpallet from #3B8056 to #3B5680 and to #563B80
#3B8056#3B8056#3B8056#3B8056#3B8056#3B8056#3B8056
#3B795D#3C785D#3C785D#3D775D#3E765D#3E765D#3F755D
#3B7363#3C7263#3E7063#3F6F63#416D63#426C63#446A63
#3B6C6A#3D6A6A#3F686A#41666A#43646A#45626A#485F6A
#3B6571#3E6271#406071#435D71#465A71#495771#4C5471
#3B5E78#3F5B78#425778#465478#495178#4D4D78#514978
#3B5680#3F5280#444D80#484980#4C4580#514080#563B80

Colorpallet from #3B8056 to #3B5680 and to #56803B
#3B8056#3B8056#3B8056#3B8056#3B8056#3B8056#3B8056
#3B795D#3C7A5B#3C7B59#3D7C58#3E7D56#3E7F54#3F8052
#3B7363#3C755F#3E775C#3F7958#417B55#427D51#44804D
#3B6C6A#3D6F65#3F725F#41765A#437955#457C50#488049
#3B6571#3E696A#406E63#43725C#467655#497B4E#4C8045
#3B5E78#3F636F#426966#466E5D#497454#4D794B#518040
#3B5680#3F5D75#44636A#486A5F#4C7154#517849#56803B

Colorpallet from #3B8056 to #803B56 and to #80563B
#3B8056#3B8056#3B8056#3B8056#3B8056#3B8056#3B8056
#467556#467655#467655#467754#467853#467853#467952
#516A56#516B55#516D53#516E52#517050#51714F#51734D
#5C5F56#5C6154#5C6352#5C6550#5C674E#5C694C#5C6C49
#675456#675753#675951#675C4E#675F4B#676248#676545
#724956#724C52#72504F#72534B#725648#725A44#725E40
#803B56#803F52#80444D#804849#804C45#805140#80563B

Colorpallet from #3B8056 to #803B56 and to #563B80
#3B8056#3B8056#3B8056#3B8056#3B8056#3B8056#3B8056
#467556#457557#447558#437559#42755A#40755C#3F755D
#516A56#4F6A58#4D6A5A#4B6A5C#496A5E#476A60#446A63
#5C5F56#595F59#565F5C#525F60#4F5F63#4C5F66#485F6A
#675456#63545A#5E545F#5A5463#565467#51546C#4C5471
#724956#6D495B#674961#624966#5D496C#584971#514978
#803B56#793B5D#733B63#6C3B6A#653B71#5E3B78#563B80

Colorpallet from #3B8056 to #803B56 and to #56803B
#3B8056#3B8056#3B8056#3B8056#3B8056#3B8056#3B8056
#467556#457755#447955#437A54#427C53#407E53#3F8052
#516A56#4F6E55#4D7153#4B7552#497850#477C4F#44804D
#5C5F56#596454#566A52#526F50#4F744E#4C794C#488049
#675456#635B53#5E6251#5A694E#56704B#517748#4C8045
#724956#6D5252#675B4F#62634B#5D6C48#587544#518040
#803B56#794652#73514D#6C5C49#656745#5E7240#56803B

Colorpallet from #3B8056 to #80563B and to #563B80
#3B8056#3B8056#3B8056#3B8056#3B8056#3B8056#3B8056
#467952#457854#447856#437757#427659#40765B#3F755D
#51734D#4F7251#4D7054#4B6F58#496D5B#476C5F#446A63
#5C6C49#596A4E#566854#526659#4F645E#4C6263#485F6A
#676545#63624C#5E6053#5A5D5A#565A61#515768#4C5471
#725E40#6D5B49#675752#62545B#5D5164#584D6D#514978
#80563B#795246#734D51#6C495C#654567#5E4072#563B80

Colorpallet from #3B8056 to #80563B and to #56803B
#3B8056#3B8056#3B8056#3B8056#3B8056#3B8056#3B8056
#467952#457A52#447B52#437C52#427D52#407F52#3F8052
#51734D#4F754D#4D774D#4B794D#497B4D#477D4D#44804D
#5C6C49#596F49#567249#527649#4F7949#4C7C49#488049
#676545#636945#5E6E45#5A7245#567645#517B45#4C8045
#725E40#6D6340#676940#626E40#5D7440#587940#518040
#80563B#795D3B#73633B#6C6A3B#65713B#5E783B#56803B

Colorpallet from #3B8056 to #563B80 and to #56803B
#3B8056#3B8056#3B8056#3B8056#3B8056#3B8056#3B8056
#3F755D#3F775B#3F7959#3F7A58#3F7C56#3F7E54#3F8052
#446A63#446E5F#44715C#447558#447855#447C51#44804D
#485F6A#486465#486A5F#486F5A#487455#487950#488049
#4C5471#4C5B6A#4C6263#4C695C#4C7055#4C774E#4C8045
#514978#51526F#515B66#51635D#516C54#51754B#518040
#563B80#564675#56516A#565C5F#566754#567249#56803B