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 #C6B88D to #C68DB8 and to #B8C68D
#C6B88D
#C6B88D
#C6B88D
#C6B88D
#C6B88D
#C6B88D
#C6B88D
#C6B194
#C6B293
#C5B492
#C5B591
#C5B790
#C4B88E
#C4BA8D
#C6AA9B
#C5AD99
#C5B097
#C4B394
#C3B692
#C3B890
#C2BC8D
#C6A3A2
#C5A79F
#C4AC9B
#C3B098
#C2B595
#C0B991
#BFBF8D
#C69CA9
#C5A2A5
#C3A8A0
#C2AE9C
#C0B497
#BFBA93
#BDC18D
#C696AF
#C49DAA
#C2A4A4
#C1AC9F
#BFB399
#BDBA94
#BBC38D
#C68DB8
#C496B1
#C29FAA
#BFA8A3
#BDB19C
#BBBB96
#B8C68D
Colorpallet from #C6B88D to #C68DB8 and to #B88DC6
#C6B88D
#C6B88D
#C6B88D
#C6B88D
#C6B88D
#C6B88D
#C6B88D
#C6B194
#C6B194
#C5B195
#C5B195
#C5B195
#C4B196
#C4B196
#C6AA9B
#C5AA9C
#C5AA9C
#C4AA9D
#C3AA9E
#C3AA9E
#C2AA9F
#C6A3A2
#C5A3A3
#C4A3A4
#C3A3A5
#C2A3A6
#C0A3A7
#BFA3A8
#C69CA9
#C59CAA
#C39CAC
#C29CAD
#C09CAE
#BF9CAF
#BD9CB1
#C696AF
#C496B1
#C296B3
#C196B5
#BF96B7
#BD96B9
#BB96BB
#C68DB8
#C48DBA
#C28DBC
#BF8DBF
#BD8DC1
#BB8DC3
#B88DC6
Colorpallet from #C6B88D to #C68DB8 and to #8DC6B8
#C6B88D
#C6B88D
#C6B88D
#C6B88D
#C6B88D
#C6B88D
#C6B88D
#C6B194
#C5B294
#C3B494
#C2B594
#C0B794
#BFB894
#BDBA94
#C6AA9B
#C3AD9B
#C0B09B
#BDB39B
#BAB69B
#B8B89B
#B4BC9B
#C6A3A2
#C2A7A2
#BDACA2
#B9B0A2
#B5B5A2
#B0B9A2
#ABBFA2
#C69CA9
#C0A2A9
#BAA8A9
#B5AEA9
#AFB4A9
#A9BAA9
#A2C1A9
#C696AF
#BF9DAF
#B7A4AF
#B0ACAF
#A9B3AF
#A1BAAF
#98C3AF
#C68DB8
#BD96B8
#B49FB8
#ABA8B8
#A2B1B8
#98BBB8
#8DC6B8
Colorpallet from #C6B88D to #C68DB8 and to #8DB8C6
#C6B88D
#C6B88D
#C6B88D
#C6B88D
#C6B88D
#C6B88D
#C6B88D
#C6B194
#C5B294
#C3B395
#C2B495
#C0B595
#BFB796
#BDB896
#C6AA9B
#C3AC9C
#C0AE9C
#BDB19D
#BAB39E
#B8B59E
#B4B89F
#C6A3A2
#C2A6A3
#BDAAA4
#B9ADA5
#B5B0A6
#B0B4A7
#ABB8A8
#C69CA9
#C0A0AA
#BAA5AC
#B5A9AD
#AFAEAE
#A9B2AF
#A2B8B1
#C696AF
#BF9BB1
#B7A1B3
#B0A6B5
#A9ACB7
#A1B1B9
#98B8BB
#C68DB8
#BD94BA
#B49BBC
#ABA2BF
#A2A9C1
#98AFC3
#8DB8C6
Colorpallet from #C6B88D to #B8C68D and to #B88DC6
#C6B88D
#C6B88D
#C6B88D
#C6B88D
#C6B88D
#C6B88D
#C6B88D
#C4BA8D
#C4B98E
#C4B790
#C4B691
#C4B493
#C4B394
#C4B196
#C2BC8D
#C2B990
#C2B693
#C2B396
#C2B099
#C2AE9B
#C2AA9F
#BFBF8D
#BFBB91
#BFB696
#BFB29A
#BFAD9E
#BFA9A3
#BFA3A8
#BDC18D
#BDBB93
#BDB599
#BDAF9E
#BDA9A4
#BDA3AA
#BD9CB1
#BBC38D
#BBBC94
#BBB59C
#BBADA3
#BBA6AA
#BB9FB2
#BB96BB
#B8C68D
#B8BD96
#B8B49F
#B8ABA8
#B8A2B1
#B898BB
#B88DC6
Colorpallet from #C6B88D to #B8C68D and to #8DC6B8
#C6B88D
#C6B88D
#C6B88D
#C6B88D
#C6B88D
#C6B88D
#C6B88D
#C4BA8D
#C3BA8E
#C2BA8F
#C1BA90
#C0BA91
#BEBA93
#BDBA94
#C2BC8D
#C0BC8F
#BEBC91
#BBBC94
#B9BC96
#B7BC98
#B4BC9B
#BFBF8D
#BCBF90
#B9BF94
#B5BF97
#B2BF9A
#AFBF9E
#ABBFA2
#BDC18D
#B9C191
#B4C196
#B0C19A
#ACC19F
#A7C1A3
#A2C1A9
#BBC38D
#B5C392
#B0C398
#AAC39D
#A5C3A3
#9FC3A8
#98C3AF
#B8C68D
#B1C694
#AAC69B
#A3C6A2
#9CC6A9
#96C6AF
#8DC6B8
Colorpallet from #C6B88D to #B8C68D and to #8DB8C6
#C6B88D
#C6B88D
#C6B88D
#C6B88D
#C6B88D
#C6B88D
#C6B88D
#C4BA8D
#C3BA8E
#C2B990
#C1B991
#C0B993
#BEB894
#BDB896
#C2BC8D
#C0BB90
#BEBB93
#BBBA96
#B9B999
#B7B99B
#B4B89F
#BFBF8D
#BCBE91
#B9BD96
#B5BC9A
#B2BB9E
#AFB9A3
#ABB8A8
#BDC18D
#B9C093
#B4BE99
#B0BD9E
#ACBBA4
#A7BAAA
#A2B8B1
#BBC38D
#B5C194
#B0BF9C
#AABEA3
#A5BCAA
#9FBAB2
#98B8BB
#B8C68D
#B1C496
#AAC29F
#A3BFA8
#9CBDB1
#96BBBB
#8DB8C6
Colorpallet from #C6B88D to #B88DC6 and to #8DC6B8
#C6B88D
#C6B88D
#C6B88D
#C6B88D
#C6B88D
#C6B88D
#C6B88D
#C4B196
#C3B296
#C2B495
#C1B595
#C0B795
#BEB894
#BDBA94
#C2AA9F
#C0AD9E
#BEB09E
#BBB39D
#B9B69C
#B7B89C
#B4BC9B
#BFA3A8
#BCA7A7
#B9ACA6
#B5B0A5
#B2B5A4
#AFB9A3
#ABBFA2
#BD9CB1
#B9A2B0
#B4A8AE
#B0AEAD
#ACB4AC
#A7BAAB
#A2C1A9
#BB96BB
#B59DB9
#B0A4B7
#AAACB5
#A5B3B3
#9FBAB1
#98C3AF
#B88DC6
#B196C4
#AA9FC2
#A3A8BF
#9CB1BD
#96BBBB
#8DC6B8
Colorpallet from #C6B88D to #B88DC6 and to #8DB8C6
#C6B88D
#C6B88D
#C6B88D
#C6B88D
#C6B88D
#C6B88D
#C6B88D
#C4B196
#C3B296
#C2B396
#C1B496
#C0B596
#BEB796
#BDB896
#C2AA9F
#C0AC9F
#BEAE9F
#BBB19F
#B9B39F
#B7B59F
#B4B89F
#BFA3A8
#BCA6A8
#B9AAA8
#B5ADA8
#B2B0A8
#AFB4A8
#ABB8A8
#BD9CB1
#B9A0B1
#B4A5B1
#B0A9B1
#ACAEB1
#A7B2B1
#A2B8B1
#BB96BB
#B59BBB
#B0A1BB
#AAA6BB
#A5ACBB
#9FB1BB
#98B8BB
#B88DC6
#B194C6
#AA9BC6
#A3A2C6
#9CA9C6
#96AFC6
#8DB8C6
Colorpallet from #C6B88D to #8DC6B8 and to #8DB8C6
#C6B88D
#C6B88D
#C6B88D
#C6B88D
#C6B88D
#C6B88D
#C6B88D
#BDBA94
#BDBA94
#BDB995
#BDB995
#BDB995
#BDB896
#BDB896
#B4BC9B
#B4BB9C
#B4BB9C
#B4BA9D
#B4B99E
#B4B99E
#B4B89F
#ABBFA2
#ABBEA3
#ABBDA4
#ABBCA5
#ABBBA6
#ABB9A7
#ABB8A8
#A2C1A9
#A2C0AA
#A2BEAC
#A2BDAD
#A2BBAE
#A2BAAF
#A2B8B1
#98C3AF
#98C1B1
#98BFB3
#98BEB5
#98BCB7
#98BAB9
#98B8BB
#8DC6B8
#8DC4BA
#8DC2BC
#8DBFBF
#8DBDC1
#8DBBC3
#8DB8C6
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
