bar chart Example 1
bar chart Example 2
line chart Example 3
line chart Example 4
pie chart Example 5
pie chart Example 6
Live Example
Graphic Tools
Invisible Counter
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 #D386A8 to #D3A886 and to #86D3A8
#D386A8
#D386A8
#D386A8
#D386A8
#D386A8
#D386A8
#D386A8
#D38BA3
#D18CA4
#CF8DA5
#CD8EA5
#CB8FA6
#C991A7
#C792A8
#D3919D
#CF939F
#CB95A1
#C798A2
#C39AA4
#BF9CA6
#BA9FA8
#D39698
#CD999B
#C79D9D
#C1A0A0
#BBA3A2
#B5A7A5
#AEABA8
#D39C92
#CBA096
#C3A599
#BBA99D
#B4ADA0
#ACB2A4
#A2B7A8
#D3A18D
#C9A791
#BFAC96
#B5B29A
#ABB79E
#A1BDA3
#95C4A8
#D3A886
#C7AF8B
#BAB691
#AEBD96
#A2C49C
#95CAA1
#86D3A8
Colorpallet from #D386A8 to #D3A886 and to #86A8D3
#D386A8
#D386A8
#D386A8
#D386A8
#D386A8
#D386A8
#D386A8
#D38BA3
#D18BA5
#CF8BA7
#CD8BA9
#CB8BAB
#C98BAD
#C78BAF
#D3919D
#CF91A1
#CB91A5
#C791A9
#C391AD
#BF91B1
#BA91B6
#D39698
#CD969E
#C796A4
#C196AA
#BB96B0
#B596B6
#AE96BD
#D39C92
#CB9C9A
#C39CA2
#BB9CAA
#B49CB2
#AC9CBA
#A29CC4
#D3A18D
#C9A197
#BFA1A1
#B5A1AA
#ABA1B4
#A1A1BE
#95A1CA
#D3A886
#C7A892
#BAA89F
#AEA8AB
#A2A8B7
#95A8C4
#86A8D3
Colorpallet from #D386A8 to #D3A886 and to #A8D386
#D386A8
#D386A8
#D386A8
#D386A8
#D386A8
#D386A8
#D386A8
#D38BA3
#D28CA3
#D18DA3
#D08EA3
#CF8FA3
#CD91A3
#CC92A3
#D3919D
#D1939D
#CF959D
#CC989D
#CA9A9D
#C89C9D
#C59F9D
#D39698
#D09998
#CC9D98
#C9A098
#C6A398
#C2A798
#BEAB98
#D39C92
#CFA092
#CAA592
#C6A992
#C1AD92
#BDB292
#B7B792
#D3A18D
#CEA78D
#C8AC8D
#C3B28D
#BDB78D
#B8BD8D
#B1C48D
#D3A886
#CCAF86
#C5B686
#BEBD86
#B7C486
#B1CA86
#A8D386
Colorpallet from #D386A8 to #D3A886 and to #A886D3
#D386A8
#D386A8
#D386A8
#D386A8
#D386A8
#D386A8
#D386A8
#D38BA3
#D28AA5
#D189A7
#D089A9
#CF88AB
#CD87AD
#CC86AF
#D3919D
#D18FA1
#CF8DA5
#CC8CA9
#CA8AAD
#C888B1
#C586B6
#D39698
#D0939E
#CC91A4
#C98EAA
#C68CB0
#C289B6
#BE86BD
#D39C92
#CF989A
#CA95A2
#C691AA
#C18EB2
#BD8ABA
#B786C4
#D3A18D
#CE9D97
#C898A1
#C394AA
#BD90B4
#B88BBE
#B186CA
#D3A886
#CCA392
#C59D9F
#BE98AB
#B792B7
#B18DC4
#A886D3
Colorpallet from #D386A8 to #86D3A8 and to #86A8D3
#D386A8
#D386A8
#D386A8
#D386A8
#D386A8
#D386A8
#D386A8
#C792A8
#C791A9
#C790AA
#C78FAB
#C78EAC
#C78CAE
#C78BAF
#BA9FA8
#BA9DAA
#BA9BAC
#BA98AF
#BA96B1
#BA94B3
#BA91B6
#AEABA8
#AEA8AB
#AEA4AF
#AEA1B2
#AE9EB5
#AE9AB9
#AE96BD
#A2B7A8
#A2B3AC
#A2AEB1
#A2AAB5
#A2A6BA
#A2A1BE
#A29CC4
#95C4A8
#95BEAD
#95B9B3
#95B3B8
#95AEBE
#95A8C3
#95A1CA
#86D3A8
#86CCAF
#86C5B6
#86BEBD
#86B7C4
#86B1CA
#86A8D3
Colorpallet from #D386A8 to #86D3A8 and to #A8D386
#D386A8
#D386A8
#D386A8
#D386A8
#D386A8
#D386A8
#D386A8
#C792A8
#C892A7
#C992A6
#C992A6
#CA92A5
#CB92A4
#CC92A3
#BA9FA8
#BC9FA6
#BE9FA4
#BF9FA3
#C19FA1
#C39F9F
#C59F9D
#AEABA8
#B1ABA5
#B3ABA3
#B6ABA0
#B8AB9E
#BBAB9B
#BEAB98
#A2B7A8
#A5B7A4
#A9B7A1
#ACB79D
#AFB79A
#B3B796
#B7B792
#95C4A8
#99C4A4
#9EC49F
#A2C49B
#A7C497
#ABC492
#B1C48D
#86D3A8
#8BD3A3
#91D39D
#96D398
#9CD392
#A1D38D
#A8D386
Colorpallet from #D386A8 to #86D3A8 and to #A886D3
#D386A8
#D386A8
#D386A8
#D386A8
#D386A8
#D386A8
#D386A8
#C792A8
#C890A9
#C98EAA
#C98CAB
#CA8AAC
#CB88AE
#CC86AF
#BA9FA8
#BC9BAA
#BE97AC
#BF93AF
#C18FB1
#C38BB3
#C586B6
#AEABA8
#B1A5AB
#B39FAF
#B699B2
#B893B5
#BB8DB9
#BE86BD
#A2B7A8
#A5AFAC
#A9A7B1
#AC9FB5
#AF98BA
#B390BE
#B786C4
#95C4A8
#99BAAD
#9EB0B3
#A2A6B8
#A79CBE
#AB92C3
#B186CA
#86D3A8
#8BC7AF
#91BAB6
#96AEBD
#9CA2C4
#A195CA
#A886D3
Colorpallet from #D386A8 to #86A8D3 and to #A8D386
#D386A8
#D386A8
#D386A8
#D386A8
#D386A8
#D386A8
#D386A8
#C78BAF
#C88CAD
#C98DAB
#C98EA9
#CA8FA7
#CB91A5
#CC92A3
#BA91B6
#BC93B2
#BE95AE
#BF98AA
#C19AA6
#C39CA2
#C59F9D
#AE96BD
#B199B7
#B39DB1
#B6A0AB
#B8A3A5
#BBA79F
#BEAB98
#A29CC4
#A5A0BC
#A9A5B4
#ACA9AC
#AFADA4
#B3B29C
#B7B792
#95A1CA
#99A7C0
#9EACB6
#A2B2AD
#A7B7A3
#ABBD99
#B1C48D
#86A8D3
#8BAFC7
#91B6BA
#96BDAE
#9CC4A2
#A1CA95
#A8D386
Colorpallet from #D386A8 to #86A8D3 and to #A886D3
#D386A8
#D386A8
#D386A8
#D386A8
#D386A8
#D386A8
#D386A8
#C78BAF
#C88AAF
#C989AF
#C989AF
#CA88AF
#CB87AF
#CC86AF
#BA91B6
#BC8FB6
#BE8DB6
#BF8CB6
#C18AB6
#C388B6
#C586B6
#AE96BD
#B193BD
#B391BD
#B68EBD
#B88CBD
#BB89BD
#BE86BD
#A29CC4
#A598C4
#A995C4
#AC91C4
#AF8EC4
#B38AC4
#B786C4
#95A1CA
#999DCA
#9E98CA
#A294CA
#A790CA
#AB8BCA
#B186CA
#86A8D3
#8BA3D3
#919DD3
#9698D3
#9C92D3
#A18DD3
#A886D3
Colorpallet from #D386A8 to #A8D386 and to #A886D3
#D386A8
#D386A8
#D386A8
#D386A8
#D386A8
#D386A8
#D386A8
#CC92A3
#CC90A5
#CC8EA7
#CC8CA9
#CC8AAB
#CC88AD
#CC86AF
#C59F9D
#C59BA1
#C597A5
#C593A9
#C58FAD
#C58BB1
#C586B6
#BEAB98
#BEA59E
#BE9FA4
#BE99AA
#BE93B0
#BE8DB6
#BE86BD
#B7B792
#B7AF9A
#B7A7A2
#B79FAA
#B798B2
#B790BA
#B786C4
#B1C48D
#B1BA97
#B1B0A1
#B1A6AA
#B19CB4
#B192BE
#B186CA
#A8D386
#A8C792
#A8BA9F
#A8AEAB
#A8A2B7
#A895C4
#A886D3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
