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 #C2C88D to #C28DC8 and to #C8C28D
#C2C88D
#C2C88D
#C2C88D
#C2C88D
#C2C88D
#C2C88D
#C2C88D
#C2BF96
#C2C095
#C2C293
#C2C392
#C3C490
#C3C58F
#C3C78D
#C2B5A0
#C2B89D
#C3BA9A
#C3BD97
#C3C094
#C4C391
#C4C68D
#C2ACA9
#C2B0A5
#C3B4A0
#C3B89C
#C4BC97
#C4C093
#C5C58D
#C2A2B3
#C3A7AD
#C3ADA7
#C4B2A1
#C5B89B
#C5BD95
#C6C48D
#C299BC
#C3A0B4
#C4A6AD
#C4ADA5
#C5B49E
#C6BB96
#C7C38D
#C28DC8
#C395BF
#C49EB5
#C5A6AC
#C6AFA2
#C7B799
#C8C28D
Colorpallet from #C2C88D to #C28DC8 and to #C88DC2
#C2C88D
#C2C88D
#C2C88D
#C2C88D
#C2C88D
#C2C88D
#C2C88D
#C2BF96
#C2BF96
#C2BF96
#C2BF96
#C3BF95
#C3BF95
#C3BF95
#C2B5A0
#C2B5A0
#C3B59F
#C3B59F
#C3B59F
#C4B59E
#C4B59E
#C2ACA9
#C2ACA9
#C3ACA8
#C3ACA8
#C4ACA7
#C4ACA7
#C5ACA6
#C2A2B3
#C3A2B2
#C3A2B2
#C4A2B1
#C5A2B0
#C5A2B0
#C6A2AF
#C299BC
#C399BB
#C499BA
#C499BA
#C599B9
#C699B8
#C799B7
#C28DC8
#C38DC7
#C48DC6
#C58DC5
#C68DC4
#C78DC3
#C88DC2
Colorpallet from #C2C88D to #C28DC8 and to #8DC2C8
#C2C88D
#C2C88D
#C2C88D
#C2C88D
#C2C88D
#C2C88D
#C2C88D
#C2BF96
#C1C096
#BFC296
#BEC396
#BDC496
#BCC596
#BAC796
#C2B5A0
#BFB8A0
#BDBAA0
#BABDA0
#B7C0A0
#B4C3A0
#B1C6A0
#C2ACA9
#BEB0A9
#BAB4A9
#B6B8A9
#B2BCA9
#AEC0A9
#A9C5A9
#C2A2B3
#BDA7B3
#B7ADB3
#B2B2B3
#ACB8B3
#A7BDB3
#A0C4B3
#C299BC
#BBA0BC
#B5A6BC
#AEADBC
#A7B4BC
#A0BBBC
#98C3BC
#C28DC8
#BA95C8
#B19EC8
#A9A6C8
#A0AFC8
#98B7C8
#8DC2C8
Colorpallet from #C2C88D to #C28DC8 and to #8DC8C2
#C2C88D
#C2C88D
#C2C88D
#C2C88D
#C2C88D
#C2C88D
#C2C88D
#C2BF96
#C1C096
#BFC296
#BEC396
#BDC595
#BCC695
#BAC895
#C2B5A0
#BFB8A0
#BDBB9F
#BABE9F
#B7C19F
#B4C49E
#B1C89E
#C2ACA9
#BEB0A9
#BAB5A8
#B6B9A8
#B2BEA7
#AEC2A7
#A9C8A6
#C2A2B3
#BDA8B2
#B7AEB2
#B2B4B1
#ACBAB0
#A7C0B0
#A0C8AF
#C299BC
#BBA1BB
#B5A8BA
#AEB0BA
#A7B7B9
#A0BFB8
#98C8B7
#C28DC8
#BA96C7
#B1A0C6
#A9A9C5
#A0B3C4
#98BCC3
#8DC8C2
Colorpallet from #C2C88D to #C8C28D and to #C88DC2
#C2C88D
#C2C88D
#C2C88D
#C2C88D
#C2C88D
#C2C88D
#C2C88D
#C3C78D
#C3C68E
#C3C490
#C3C391
#C3C292
#C3C193
#C3BF95
#C4C68D
#C4C390
#C4C192
#C4BE95
#C4BB98
#C4B89B
#C4B59E
#C5C58D
#C5C191
#C5BD95
#C5B999
#C5B59D
#C5B1A1
#C5ACA6
#C6C48D
#C6BF92
#C6B998
#C6B49D
#C6AEA3
#C6A9A8
#C6A2AF
#C7C38D
#C7BC94
#C7B69A
#C7AFA1
#C7A8A8
#C7A1AF
#C799B7
#C8C28D
#C8BA95
#C8B19E
#C8A9A6
#C8A0AF
#C898B7
#C88DC2
Colorpallet from #C2C88D to #C8C28D and to #8DC2C8
#C2C88D
#C2C88D
#C2C88D
#C2C88D
#C2C88D
#C2C88D
#C2C88D
#C3C78D
#C2C78E
#C0C790
#BFC791
#BDC793
#BCC794
#BAC796
#C4C68D
#C1C690
#BEC693
#BBC696
#B8C699
#B5C69C
#B1C6A0
#C5C58D
#C1C591
#BCC596
#B8C59A
#B3C59F
#AFC5A3
#A9C5A9
#C6C48D
#C0C493
#BAC499
#B4C49F
#AEC4A5
#A8C4AB
#A0C4B3
#C7C38D
#BFC395
#B8C39C
#B0C3A4
#A9C3AB
#A1C3B3
#98C3BC
#C8C28D
#BFC296
#B5C2A0
#ACC2A9
#A2C2B3
#99C2BC
#8DC2C8
Colorpallet from #C2C88D to #C8C28D and to #8DC8C2
#C2C88D
#C2C88D
#C2C88D
#C2C88D
#C2C88D
#C2C88D
#C2C88D
#C3C78D
#C2C78E
#C0C790
#BFC791
#BDC892
#BCC893
#BAC895
#C4C68D
#C1C690
#BEC792
#BBC795
#B8C798
#B5C89B
#B1C89E
#C5C58D
#C1C591
#BCC695
#B8C699
#B3C79D
#AFC7A1
#A9C8A6
#C6C48D
#C0C592
#BAC598
#B4C69D
#AEC7A3
#A8C7A8
#A0C8AF
#C7C38D
#BFC494
#B8C59A
#B0C5A1
#A9C6A8
#A1C7AF
#98C8B7
#C8C28D
#BFC395
#B5C49E
#ACC5A6
#A2C6AF
#99C7B7
#8DC8C2
Colorpallet from #C2C88D to #C88DC2 and to #8DC2C8
#C2C88D
#C2C88D
#C2C88D
#C2C88D
#C2C88D
#C2C88D
#C2C88D
#C3BF95
#C2C095
#C0C295
#BFC395
#BDC496
#BCC596
#BAC796
#C4B59E
#C1B89E
#BEBA9F
#BBBD9F
#B8C09F
#B5C3A0
#B1C6A0
#C5ACA6
#C1B0A6
#BCB4A7
#B8B8A7
#B3BCA8
#AFC0A8
#A9C5A9
#C6A2AF
#C0A7B0
#BAADB0
#B4B2B1
#AEB8B2
#A8BDB2
#A0C4B3
#C799B7
#BFA0B8
#B8A6B9
#B0ADB9
#A9B4BA
#A1BBBB
#98C3BC
#C88DC2
#BF95C3
#B59EC4
#ACA6C5
#A2AFC6
#99B7C7
#8DC2C8
Colorpallet from #C2C88D to #C88DC2 and to #8DC8C2
#C2C88D
#C2C88D
#C2C88D
#C2C88D
#C2C88D
#C2C88D
#C2C88D
#C3BF95
#C2C095
#C0C295
#BFC395
#BDC595
#BCC695
#BAC895
#C4B59E
#C1B89E
#BEBB9E
#BBBE9E
#B8C19E
#B5C49E
#B1C89E
#C5ACA6
#C1B0A6
#BCB5A6
#B8B9A6
#B3BEA6
#AFC2A6
#A9C8A6
#C6A2AF
#C0A8AF
#BAAEAF
#B4B4AF
#AEBAAF
#A8C0AF
#A0C8AF
#C799B7
#BFA1B7
#B8A8B7
#B0B0B7
#A9B7B7
#A1BFB7
#98C8B7
#C88DC2
#BF96C2
#B5A0C2
#ACA9C2
#A2B3C2
#99BCC2
#8DC8C2
Colorpallet from #C2C88D to #8DC2C8 and to #8DC8C2
#C2C88D
#C2C88D
#C2C88D
#C2C88D
#C2C88D
#C2C88D
#C2C88D
#BAC796
#BAC796
#BAC796
#BAC796
#BAC895
#BAC895
#BAC895
#B1C6A0
#B1C6A0
#B1C79F
#B1C79F
#B1C79F
#B1C89E
#B1C89E
#A9C5A9
#A9C5A9
#A9C6A8
#A9C6A8
#A9C7A7
#A9C7A7
#A9C8A6
#A0C4B3
#A0C5B2
#A0C5B2
#A0C6B1
#A0C7B0
#A0C7B0
#A0C8AF
#98C3BC
#98C4BB
#98C5BA
#98C5BA
#98C6B9
#98C7B8
#98C8B7
#8DC2C8
#8DC3C7
#8DC4C6
#8DC5C5
#8DC6C4
#8DC7C3
#8DC8C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
