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 #C6B887 to #C687B8 and to #B8C687
#C6B887
#C6B887
#C6B887
#C6B887
#C6B887
#C6B887
#C6B887
#C6B08F
#C6B28E
#C5B38C
#C5B58B
#C5B68A
#C4B889
#C4BA87
#C6A897
#C5AB94
#C5AE92
#C4B28F
#C3B58D
#C3B88A
#C2BC87
#C6A09F
#C5A59B
#C4AA97
#C3AF93
#C2B490
#C0B98C
#BFBF87
#C699A6
#C59FA1
#C3A69C
#C2AC97
#C0B392
#BFB98D
#BDC187
#C691AE
#C499A8
#C2A1A2
#C1A99B
#BFB195
#BDB98F
#BBC387
#C687B8
#C491B0
#C29BA8
#BFA5A0
#BDAF99
#BBB991
#B8C687
Colorpallet from #C6B887 to #C687B8 and to #B887C6
#C6B887
#C6B887
#C6B887
#C6B887
#C6B887
#C6B887
#C6B887
#C6B08F
#C6B08F
#C5B090
#C5B090
#C5B090
#C4B091
#C4B091
#C6A897
#C5A898
#C5A898
#C4A899
#C3A89A
#C3A89A
#C2A89B
#C6A09F
#C5A0A0
#C4A0A1
#C3A0A2
#C2A0A3
#C0A0A4
#BFA0A5
#C699A6
#C599A7
#C399A9
#C299AA
#C099AC
#BF99AD
#BD99AF
#C691AE
#C491B0
#C291B2
#C191B3
#BF91B5
#BD91B7
#BB91B9
#C687B8
#C487BA
#C287BC
#BF87BF
#BD87C1
#BB87C3
#B887C6
Colorpallet from #C6B887 to #C687B8 and to #87C6B8
#C6B887
#C6B887
#C6B887
#C6B887
#C6B887
#C6B887
#C6B887
#C6B08F
#C4B28F
#C3B38F
#C1B58F
#C0B68F
#BEB88F
#BCBA8F
#C6A897
#C3AB97
#C0AE97
#BCB297
#B9B597
#B6B897
#B2BC97
#C6A09F
#C1A59F
#BCAA9F
#B8AF9F
#B3B49F
#AEB99F
#A8BF9F
#C699A6
#C09FA6
#B9A6A6
#B3ACA6
#ACB3A6
#A6B9A6
#9EC1A6
#C691AE
#BE99AE
#B6A1AE
#AEA9AE
#A6B1AE
#9EB9AE
#94C3AE
#C687B8
#BC91B8
#B29BB8
#A8A5B8
#9EAFB8
#94B9B8
#87C6B8
Colorpallet from #C6B887 to #C687B8 and to #87B8C6
#C6B887
#C6B887
#C6B887
#C6B887
#C6B887
#C6B887
#C6B887
#C6B08F
#C4B18F
#C3B390
#C1B490
#C0B590
#BEB691
#BCB891
#C6A897
#C3AB98
#C0AD98
#BCB099
#B9B29A
#B6B59A
#B2B89B
#C6A09F
#C1A4A0
#BCA8A1
#B8ACA2
#B3AFA3
#AEB3A4
#A8B8A5
#C699A6
#C09EA7
#B9A3A9
#B3A8AA
#ACADAC
#A6B2AD
#9EB8AF
#C691AE
#BE97B0
#B69DB2
#AEA4B3
#A6AAB5
#9EB0B7
#94B8B9
#C687B8
#BC8FBA
#B297BC
#A89FBF
#9EA6C1
#94AEC3
#87B8C6
Colorpallet from #C6B887 to #B8C687 and to #B887C6
#C6B887
#C6B887
#C6B887
#C6B887
#C6B887
#C6B887
#C6B887
#C4BA87
#C4B889
#C4B78A
#C4B58C
#C4B48D
#C4B28F
#C4B091
#C2BC87
#C2B98A
#C2B68D
#C2B291
#C2AF94
#C2AC97
#C2A89B
#BFBF87
#BFBA8C
#BFB591
#BFB095
#BFAB9A
#BFA69F
#BFA0A5
#BDC187
#BDBB8D
#BDB494
#BDAE9A
#BDA7A1
#BDA1A7
#BD99AF
#BBC387
#BBBB8F
#BBB397
#BBAB9F
#BBA3A7
#BB9BAF
#BB91B9
#B8C687
#B8BC91
#B8B29B
#B8A8A5
#B89EAF
#B894B9
#B887C6
Colorpallet from #C6B887 to #B8C687 and to #87C6B8
#C6B887
#C6B887
#C6B887
#C6B887
#C6B887
#C6B887
#C6B887
#C4BA87
#C3BA88
#C1BA8A
#C0BA8B
#BFBA8C
#BEBA8D
#BCBA8F
#C2BC87
#BFBC8A
#BDBC8C
#BABC8F
#B8BC91
#B5BC94
#B2BC97
#BFBF87
#BBBF8B
#B8BF8F
#B4BF93
#B0BF96
#ADBF9A
#A8BF9F
#BDC187
#B8C18C
#B3C191
#AEC196
#A9C19B
#A4C1A0
#9EC1A6
#BBC387
#B5C38D
#AFC393
#A8C39A
#A2C3A0
#9CC3A6
#94C3AE
#B8C687
#B0C68F
#A8C697
#A0C69F
#99C6A6
#91C6AE
#87C6B8
Colorpallet from #C6B887 to #B8C687 and to #87B8C6
#C6B887
#C6B887
#C6B887
#C6B887
#C6B887
#C6B887
#C6B887
#C4BA87
#C3BA89
#C1B98A
#C0B98C
#BFB98D
#BEB88F
#BCB891
#C2BC87
#BFBB8A
#BDBB8D
#BABA91
#B8B994
#B5B997
#B2B89B
#BFBF87
#BBBE8C
#B8BD91
#B4BC95
#B0BB9A
#ADB99F
#A8B8A5
#BDC187
#B8C08D
#B3BE94
#AEBD9A
#A9BBA1
#A4BAA7
#9EB8AF
#BBC387
#B5C18F
#AFBF97
#A8BE9F
#A2BCA7
#9CBAAF
#94B8B9
#B8C687
#B0C491
#A8C29B
#A0BFA5
#99BDAF
#91BBB9
#87B8C6
Colorpallet from #C6B887 to #B887C6 and to #87C6B8
#C6B887
#C6B887
#C6B887
#C6B887
#C6B887
#C6B887
#C6B887
#C4B091
#C3B291
#C1B390
#C0B590
#BFB690
#BEB88F
#BCBA8F
#C2A89B
#BFAB9A
#BDAE9A
#BAB299
#B8B598
#B5B898
#B2BC97
#BFA0A5
#BBA5A4
#B8AAA3
#B4AFA2
#B0B4A1
#ADB9A0
#A8BF9F
#BD99AF
#B89FAE
#B3A6AC
#AEACAB
#A9B3A9
#A4B9A8
#9EC1A6
#BB91B9
#B599B7
#AFA1B5
#A8A9B4
#A2B1B2
#9CB9B0
#94C3AE
#B887C6
#B091C4
#A89BC2
#A0A5BF
#99AFBD
#91B9BB
#87C6B8
Colorpallet from #C6B887 to #B887C6 and to #87B8C6
#C6B887
#C6B887
#C6B887
#C6B887
#C6B887
#C6B887
#C6B887
#C4B091
#C3B191
#C1B391
#C0B491
#BFB591
#BEB691
#BCB891
#C2A89B
#BFAB9B
#BDAD9B
#BAB09B
#B8B29B
#B5B59B
#B2B89B
#BFA0A5
#BBA4A5
#B8A8A5
#B4ACA5
#B0AFA5
#ADB3A5
#A8B8A5
#BD99AF
#B89EAF
#B3A3AF
#AEA8AF
#A9ADAF
#A4B2AF
#9EB8AF
#BB91B9
#B597B9
#AF9DB9
#A8A4B9
#A2AAB9
#9CB0B9
#94B8B9
#B887C6
#B08FC6
#A897C6
#A09FC6
#99A6C6
#91AEC6
#87B8C6
Colorpallet from #C6B887 to #87C6B8 and to #87B8C6
#C6B887
#C6B887
#C6B887
#C6B887
#C6B887
#C6B887
#C6B887
#BCBA8F
#BCBA8F
#BCB990
#BCB990
#BCB990
#BCB891
#BCB891
#B2BC97
#B2BB98
#B2BB98
#B2BA99
#B2B99A
#B2B99A
#B2B89B
#A8BF9F
#A8BEA0
#A8BDA1
#A8BCA2
#A8BBA3
#A8B9A4
#A8B8A5
#9EC1A6
#9EC0A7
#9EBEA9
#9EBDAA
#9EBBAC
#9EBAAD
#9EB8AF
#94C3AE
#94C1B0
#94BFB2
#94BEB3
#94BCB5
#94BAB7
#94B8B9
#87C6B8
#87C4BA
#87C2BC
#87BFBF
#87BDC1
#87BBC3
#87B8C6
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
