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 #B896A2 to #B8A296 and to #96B8A2
#B896A2
#B896A2
#B896A2
#B896A2
#B896A2
#B896A2
#B896A2
#B898A0
#B798A0
#B699A1
#B699A1
#B59AA1
#B49AA2
#B39BA2
#B89A9E
#B69B9F
#B49C9F
#B39DA0
#B19EA1
#AFA0A1
#ADA1A2
#B89C9C
#B59E9D
#B39F9E
#B0A19F
#AEA2A0
#ABA4A1
#A8A6A2
#B89E9A
#B4A09B
#B1A29D
#ADA59E
#AAA79F
#A6A9A0
#A2ACA2
#B8A098
#B4A39A
#AFA59B
#ABA89D
#A7AB9E
#A2AEA0
#9DB1A2
#B8A296
#B3A698
#ADA99A
#A8AD9C
#A2B09E
#9DB4A0
#96B8A2
Colorpallet from #B896A2 to #B8A296 and to #96A2B8
#B896A2
#B896A2
#B896A2
#B896A2
#B896A2
#B896A2
#B896A2
#B898A0
#B798A1
#B698A2
#B698A3
#B598A4
#B498A5
#B398A6
#B89A9E
#B69AA0
#B49AA2
#B39AA3
#B19AA5
#AF9AA7
#AD9AA9
#B89C9C
#B59C9F
#B39CA1
#B09CA4
#AE9CA7
#AB9CAA
#A89CAD
#B89E9A
#B49E9E
#B19EA1
#AD9EA5
#AA9EA8
#A69EAC
#A29EB0
#B8A098
#B4A09C
#AFA0A1
#ABA0A5
#A7A0AA
#A2A0AE
#9DA0B4
#B8A296
#B3A29B
#ADA2A1
#A8A2A6
#A2A2AC
#9DA2B1
#96A2B8
Colorpallet from #B896A2 to #B8A296 and to #A2B896
#B896A2
#B896A2
#B896A2
#B896A2
#B896A2
#B896A2
#B896A2
#B898A0
#B798A0
#B799A0
#B699A0
#B59AA0
#B59AA0
#B49BA0
#B89A9E
#B79B9E
#B69C9E
#B59D9E
#B49E9E
#B2A09E
#B1A19E
#B89C9C
#B69E9C
#B49F9C
#B3A19C
#B1A29C
#AFA49C
#ADA69C
#B89E9A
#B6A09A
#B4A29A
#B1A59A
#AFA79A
#ADA99A
#AAAC9A
#B8A098
#B5A398
#B2A598
#AFA898
#ACAB98
#AAAE98
#A6B198
#B8A296
#B4A696
#B1A996
#ADAD96
#AAB096
#A6B496
#A2B896
Colorpallet from #B896A2 to #B8A296 and to #A296B8
#B896A2
#B896A2
#B896A2
#B896A2
#B896A2
#B896A2
#B896A2
#B898A0
#B798A1
#B797A2
#B697A3
#B597A4
#B596A5
#B496A6
#B89A9E
#B799A0
#B699A2
#B598A3
#B497A5
#B297A7
#B196A9
#B89C9C
#B69B9F
#B49AA1
#B399A4
#B198A7
#AF97AA
#AD96AD
#B89E9A
#B69D9E
#B49BA1
#B19AA5
#AF99A8
#AD98AC
#AA96B0
#B8A098
#B59E9C
#B29DA1
#AF9BA5
#AC9AAA
#AA98AE
#A696B4
#B8A296
#B4A09B
#B19EA1
#AD9CA6
#AA9AAC
#A698B1
#A296B8
Colorpallet from #B896A2 to #96B8A2 and to #96A2B8
#B896A2
#B896A2
#B896A2
#B896A2
#B896A2
#B896A2
#B896A2
#B39BA2
#B39BA3
#B39AA3
#B39AA4
#B399A5
#B399A5
#B398A6
#ADA1A2
#ADA0A3
#AD9FA4
#AD9EA5
#AD9DA6
#AD9BA8
#AD9AA9
#A8A6A2
#A8A4A4
#A8A3A6
#A8A1A7
#A8A0A9
#A89EAB
#A89CAD
#A2ACA2
#A2AAA4
#A2A8A6
#A2A5A9
#A2A3AB
#A2A1AD
#A29EB0
#9DB1A2
#9DAEA5
#9DACA8
#9DA9AB
#9DA6AE
#9DA3B0
#9DA0B4
#96B8A2
#96B4A6
#96B1A9
#96ADAD
#96AAB0
#96A6B4
#96A2B8
Colorpallet from #B896A2 to #96B8A2 and to #A2B896
#B896A2
#B896A2
#B896A2
#B896A2
#B896A2
#B896A2
#B896A2
#B39BA2
#B39BA2
#B39BA1
#B39BA1
#B49BA1
#B49BA0
#B49BA0
#ADA1A2
#AEA1A1
#AEA1A1
#AFA1A0
#B0A19F
#B0A19F
#B1A19E
#A8A6A2
#A9A6A1
#AAA6A0
#AAA69F
#ABA69E
#ACA69D
#ADA69C
#A2ACA2
#A3ACA1
#A5AC9F
#A6AC9E
#A7AC9D
#A8AC9C
#AAAC9A
#9DB1A2
#9EB1A0
#A0B19F
#A1B19D
#A3B19C
#A4B19A
#A6B198
#96B8A2
#98B8A0
#9AB89E
#9CB89C
#9EB89A
#A0B898
#A2B896
Colorpallet from #B896A2 to #96B8A2 and to #A296B8
#B896A2
#B896A2
#B896A2
#B896A2
#B896A2
#B896A2
#B896A2
#B39BA2
#B39AA3
#B399A3
#B399A4
#B498A5
#B497A5
#B496A6
#ADA1A2
#AE9FA3
#AE9DA4
#AF9CA5
#B09AA6
#B098A8
#B196A9
#A8A6A2
#A9A3A4
#AAA1A6
#AA9EA7
#AB9CA9
#AC99AB
#AD96AD
#A2ACA2
#A3A8A4
#A5A5A6
#A6A1A9
#A79EAB
#A89AAD
#AA96B0
#9DB1A2
#9EADA5
#A0A8A8
#A1A4AB
#A3A0AE
#A49BB0
#A696B4
#96B8A2
#98B3A6
#9AADA9
#9CA8AD
#9EA2B0
#A09DB4
#A296B8
Colorpallet from #B896A2 to #96A2B8 and to #A2B896
#B896A2
#B896A2
#B896A2
#B896A2
#B896A2
#B896A2
#B896A2
#B398A6
#B398A5
#B399A4
#B399A3
#B49AA2
#B49AA1
#B49BA0
#AD9AA9
#AE9BA7
#AE9CA5
#AF9DA4
#B09EA2
#B0A0A0
#B1A19E
#A89CAD
#A99EAA
#AA9FA8
#AAA1A5
#ABA2A2
#ACA49F
#ADA69C
#A29EB0
#A3A0AC
#A5A2A9
#A6A5A5
#A7A7A2
#A8A99E
#AAAC9A
#9DA0B4
#9EA3B0
#A0A5AB
#A1A8A7
#A3ABA2
#A4AE9E
#A6B198
#96A2B8
#98A6B3
#9AA9AD
#9CADA8
#9EB0A2
#A0B49D
#A2B896
Colorpallet from #B896A2 to #96A2B8 and to #A296B8
#B896A2
#B896A2
#B896A2
#B896A2
#B896A2
#B896A2
#B896A2
#B398A6
#B398A6
#B397A6
#B397A6
#B497A6
#B496A6
#B496A6
#AD9AA9
#AE99A9
#AE99A9
#AF98A9
#B097A9
#B097A9
#B196A9
#A89CAD
#A99BAD
#AA9AAD
#AA99AD
#AB98AD
#AC97AD
#AD96AD
#A29EB0
#A39DB0
#A59BB0
#A69AB0
#A799B0
#A898B0
#AA96B0
#9DA0B4
#9E9EB4
#A09DB4
#A19BB4
#A39AB4
#A498B4
#A696B4
#96A2B8
#98A0B8
#9A9EB8
#9C9CB8
#9E9AB8
#A098B8
#A296B8
Colorpallet from #B896A2 to #A2B896 and to #A296B8
#B896A2
#B896A2
#B896A2
#B896A2
#B896A2
#B896A2
#B896A2
#B49BA0
#B49AA1
#B499A2
#B499A3
#B498A4
#B497A5
#B496A6
#B1A19E
#B19FA0
#B19DA2
#B19CA3
#B19AA5
#B198A7
#B196A9
#ADA69C
#ADA39F
#ADA1A1
#AD9EA4
#AD9CA7
#AD99AA
#AD96AD
#AAAC9A
#AAA89E
#AAA5A1
#AAA1A5
#AA9EA8
#AA9AAC
#AA96B0
#A6B198
#A6AD9C
#A6A8A1
#A6A4A5
#A6A0AA
#A69BAE
#A696B4
#A2B896
#A2B39B
#A2ADA1
#A2A8A6
#A2A2AC
#A29DB1
#A296B8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
