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 #566D96 to #56966D and to #6D5696
#566D96#566D96#566D96#566D96#566D96#566D96#566D96
#56748F#577290#577091#586F92#596D93#596B95#5A6996
#567A89#57778B#58748D#59708F#5A6D91#5C6A93#5D6696
#568182#587C85#5A7788#5B728C#5D6D8F#5F6892#616296
#56877C#588080#5B7A84#5D7388#606D8D#626691#655E96
#568E75#59867A#5C7E80#5F7685#626D8A#64658F#685B96
#56966D#5A8C74#5D827A#617781#656D87#68638E#6D5696

Colorpallet from #566D96 to #56966D and to #6D9656
#566D96#566D96#566D96#566D96#566D96#566D96#566D96
#56748F#57748F#57748E#58748E#59748D#59748D#5A748C
#567A89#577A88#587A87#597A86#5A7A85#5C7A83#5D7A82
#568182#588180#5A817E#5B817D#5D817B#5F8179#618177
#56877C#58877A#5B8777#5D8775#608772#628770#65876D
#568E75#598E72#5C8E6F#5F8E6C#628E69#648E67#688E63
#56966D#5A9669#5D9666#619662#65965E#68965B#6D9656

Colorpallet from #566D96 to #56966D and to #96566D
#566D96#566D96#566D96#566D96#566D96#566D96#566D96
#56748F#58728F#59708F#5B6F8F#5C6D8F#5E6B8F#60698F
#567A89#597789#5C7489#607089#636D89#666A89#6A6689
#568182#5B7C82#607782#657282#6A6D82#6F6882#756282
#56877C#5D807C#637A7C#6A737C#706D7C#77667C#7F5E7C
#568E75#5E8675#667E75#6E7675#776D75#7F6575#895B75
#56966D#608C6D#6A826D#75776D#7F6D6D#89636D#96566D

Colorpallet from #566D96 to #56966D and to #966D56
#566D96#566D96#566D96#566D96#566D96#566D96#566D96
#56748F#58738F#59728E#5B718E#5C708D#5E6E8D#606D8C
#567A89#597888#5C7687#607486#637285#667083#6A6D82
#568182#5B7E80#607B7E#65777D#6A747B#6F7179#756D77
#56877C#5D837A#637F77#6A7B75#707672#777270#7F6D6D
#568E75#5E8972#66836F#6E7E6C#777969#7F7467#896D63
#56966D#608F69#6A8966#758262#7F7C5E#89755B#966D56

Colorpallet from #566D96 to #6D5696 and to #6D9656
#566D96#566D96#566D96#566D96#566D96#566D96#566D96
#5A6996#5A6B94#5A6D93#5A6E91#5A7090#5A728E#5A748C
#5D6696#5D6993#5D6C90#5D708C#5D7389#5D7686#5D7A82
#616296#616791#616C8C#617187#617682#617B7D#618177
#655E96#65658F#656B89#657282#65787C#657F75#65876D
#685B96#68638E#686B86#68737E#687C75#68846D#688E63
#6D5696#6D608C#6D6A82#6D7577#6D7F6D#6D8963#6D9656

Colorpallet from #566D96 to #6D5696 and to #96566D
#566D96#566D96#566D96#566D96#566D96#566D96#566D96
#5A6996#5B6995#5C6994#5D6993#5E6992#5F6990#60698F
#5D6696#5F6694#616692#636690#65668E#67668C#6A6689
#616296#646293#676290#6B628C#6E6289#716286#756282
#655E96#695E92#6D5E8E#715E8A#765E85#7A5E81#7F5E7C
#685B96#6D5B91#735B8B#785B86#7D5B81#825B7C#895B75
#6D5696#74568F#7A5689#815682#87567C#8E5675#96566D

Colorpallet from #566D96 to #6D5696 and to #966D56
#566D96#566D96#566D96#566D96#566D96#566D96#566D96
#5A6996#5B6A94#5C6A93#5D6B91#5E6C90#5F6C8E#606D8C
#5D6696#5F6793#616890#63698C#656A89#676C86#6A6D82
#616296#646491#67668C#6B6787#6E6982#716B7D#756D77
#655E96#69608F#6D6389#716582#76687C#7A6A75#7F6D6D
#685B96#6D5E8E#736186#78647E#7D6775#82696D#896D63
#6D5696#745A8C#7A5D82#816177#87656D#8E6863#966D56

Colorpallet from #566D96 to #6D9656 and to #96566D
#566D96#566D96#566D96#566D96#566D96#566D96#566D96
#5A748C#5B728C#5C708D#5D6F8D#5E6D8E#5F6B8E#60698F
#5D7A82#5F7783#617484#637085#656D86#676A88#6A6689
#618177#647C79#67777B#6B727C#6E6D7E#716880#756282
#65876D#69806F#6D7A72#717374#766D77#7A6679#7F5E7C
#688E63#6D8666#737E69#78766C#7D6D6F#826571#895B75
#6D9656#748C5A#7A825D#817761#876D65#8E6368#96566D

Colorpallet from #566D96 to #6D9656 and to #966D56
#566D96#566D96#566D96#566D96#566D96#566D96#566D96
#5A748C#5B738C#5C728C#5D718C#5E708C#5F6E8C#606D8C
#5D7A82#5F7882#617682#637482#657282#677082#6A6D82
#618177#647E77#677B77#6B7777#6E7477#717177#756D77
#65876D#69836D#6D7F6D#717B6D#76766D#7A726D#7F6D6D
#688E63#6D8963#738363#787E63#7D7963#827463#896D63
#6D9656#748F56#7A8956#818256#877C56#8E7556#966D56

Colorpallet from #566D96 to #96566D and to #966D56
#566D96#566D96#566D96#566D96#566D96#566D96#566D96
#60698F#606A8F#606A8E#606B8E#606C8D#606C8D#606D8C
#6A6689#6A6788#6A6887#6A6986#6A6A85#6A6C83#6A6D82
#756282#756480#75667E#75677D#75697B#756B79#756D77
#7F5E7C#7F607A#7F6377#7F6575#7F6872#7F6A70#7F6D6D
#895B75#895E72#89616F#89646C#896769#896967#896D63
#96566D#965A69#965D66#966162#96655E#96685B#966D56