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 #C3B58C to #C38CB5 and to #B5C38C
#C3B58C
#C3B58C
#C3B58C
#C3B58C
#C3B58C
#C3B58C
#C3B58C
#C3AE93
#C3AF92
#C2B191
#C2B290
#C2B48F
#C1B58D
#C1B78C
#C3A899
#C2AB97
#C2AD95
#C1B093
#C0B391
#C0B68F
#BFB98C
#C3A1A0
#C2A59D
#C1AA9A
#C0AE96
#BFB293
#BDB790
#BCBC8C
#C39BA6
#C2A1A2
#C0A69E
#BFAC9A
#BDB195
#BCB791
#BABE8C
#C394AD
#C19BA8
#BFA2A2
#BEA99D
#BCB098
#BAB793
#B8C08C
#C38CB5
#C195AE
#BF9EA8
#BCA6A1
#BAAF9B
#B8B894
#B5C38C
Colorpallet from #C3B58C to #C38CB5 and to #B58CC3
#C3B58C
#C3B58C
#C3B58C
#C3B58C
#C3B58C
#C3B58C
#C3B58C
#C3AE93
#C3AE93
#C2AE94
#C2AE94
#C2AE94
#C1AE95
#C1AE95
#C3A899
#C2A89A
#C2A89B
#C1A89B
#C0A89C
#C0A89D
#BFA89E
#C3A1A0
#C2A1A1
#C1A1A2
#C0A1A3
#BFA1A4
#BDA1A5
#BCA1A6
#C39BA6
#C29BA7
#C09BA9
#BF9BAA
#BD9BAC
#BC9BAD
#BA9BAF
#C394AD
#C194AF
#BF94B1
#BE94B2
#BC94B4
#BA94B6
#B894B8
#C38CB5
#C18CB7
#BF8CB9
#BC8CBC
#BA8CBE
#B88CC0
#B58CC3
Colorpallet from #C3B58C to #C38CB5 and to #8CC3B5
#C3B58C
#C3B58C
#C3B58C
#C3B58C
#C3B58C
#C3B58C
#C3B58C
#C3AE93
#C2AF93
#C0B193
#BFB293
#BDB493
#BCB593
#BAB793
#C3A899
#C0AB99
#BDAD99
#BAB099
#B7B399
#B5B699
#B1B999
#C3A1A0
#BFA5A0
#BBAAA0
#B7AEA0
#B2B2A0
#AEB7A0
#A9BCA0
#C39BA6
#BDA1A6
#B8A6A6
#B2ACA6
#ADB1A6
#A7B7A6
#A0BEA6
#C394AD
#BC9BAD
#B5A2AD
#AEA9AD
#A7B0AD
#A0B7AD
#97C0AD
#C38CB5
#BA95B5
#B19EB5
#A9A6B5
#A0AFB5
#97B8B5
#8CC3B5
Colorpallet from #C3B58C to #C38CB5 and to #8CB5C3
#C3B58C
#C3B58C
#C3B58C
#C3B58C
#C3B58C
#C3B58C
#C3B58C
#C3AE93
#C2AF93
#C0B094
#BFB194
#BDB294
#BCB495
#BAB595
#C3A899
#C0AA9A
#BDAC9B
#BAAE9B
#B7B09C
#B5B29D
#B1B59E
#C3A1A0
#BFA4A1
#BBA7A2
#B7ABA3
#B2AEA4
#AEB1A5
#A9B5A6
#C39BA6
#BD9FA7
#B8A3A9
#B2A7AA
#ADACAC
#A7B0AD
#A0B5AF
#C394AD
#BC99AF
#B59FB1
#AEA4B2
#A7A9B4
#A0AEB6
#97B5B8
#C38CB5
#BA93B7
#B199B9
#A9A0BC
#A0A6BE
#97ADC0
#8CB5C3
Colorpallet from #C3B58C to #B5C38C and to #B58CC3
#C3B58C
#C3B58C
#C3B58C
#C3B58C
#C3B58C
#C3B58C
#C3B58C
#C1B78C
#C1B68D
#C1B48F
#C1B390
#C1B192
#C1B093
#C1AE95
#BFB98C
#BFB68F
#BFB492
#BFB195
#BFAE98
#BFAB9A
#BFA89E
#BCBC8C
#BCB890
#BCB394
#BCAF98
#BCAB9D
#BCA6A1
#BCA1A6
#BABE8C
#BAB892
#BAB397
#BAAD9D
#BAA8A2
#BAA2A8
#BA9BAF
#B8C08C
#B8B993
#B8B29A
#B8ABA1
#B8A4A8
#B89DAF
#B894B8
#B5C38C
#B5BA95
#B5B19E
#B5A9A6
#B5A0AF
#B597B8
#B58CC3
Colorpallet from #C3B58C to #B5C38C and to #8CC3B5
#C3B58C
#C3B58C
#C3B58C
#C3B58C
#C3B58C
#C3B58C
#C3B58C
#C1B78C
#C0B78D
#BFB78E
#BEB78F
#BDB790
#BBB792
#BAB793
#BFB98C
#BDB98E
#BBB990
#B8B992
#B6B994
#B4B996
#B1B999
#BCBC8C
#B9BC8F
#B6BC92
#B3BC96
#B0BC99
#ADBC9C
#A9BCA0
#BABE8C
#B6BE90
#B2BE94
#AEBE98
#A9BE9D
#A5BEA1
#A0BEA6
#B8C08C
#B3C091
#ADC097
#A8C09C
#A3C0A1
#9EC0A6
#97C0AD
#B5C38C
#AEC393
#A8C399
#A1C3A0
#9BC3A6
#94C3AD
#8CC3B5
Colorpallet from #C3B58C to #B5C38C and to #8CB5C3
#C3B58C
#C3B58C
#C3B58C
#C3B58C
#C3B58C
#C3B58C
#C3B58C
#C1B78C
#C0B78D
#BFB68F
#BEB690
#BDB692
#BBB593
#BAB595
#BFB98C
#BDB88F
#BBB892
#B8B795
#B6B698
#B4B69A
#B1B59E
#BCBC8C
#B9BB90
#B6BA94
#B3B998
#B0B89D
#ADB6A1
#A9B5A6
#BABE8C
#B6BD92
#B2BB97
#AEBA9D
#A9B8A2
#A5B7A8
#A0B5AF
#B8C08C
#B3BE93
#ADBC9A
#A8BBA1
#A3B9A8
#9EB7AF
#97B5B8
#B5C38C
#AEC195
#A8BF9E
#A1BCA6
#9BBAAF
#94B8B8
#8CB5C3
Colorpallet from #C3B58C to #B58CC3 and to #8CC3B5
#C3B58C
#C3B58C
#C3B58C
#C3B58C
#C3B58C
#C3B58C
#C3B58C
#C1AE95
#C0AF95
#BFB194
#BEB294
#BDB494
#BBB593
#BAB793
#BFA89E
#BDAB9D
#BBAD9C
#B8B09C
#B6B39B
#B4B69A
#B1B999
#BCA1A6
#B9A5A5
#B6AAA4
#B3AEA3
#B0B2A2
#ADB7A1
#A9BCA0
#BA9BAF
#B6A1AE
#B2A6AC
#AEACAB
#A9B1A9
#A5B7A8
#A0BEA6
#B894B8
#B39BB6
#ADA2B4
#A8A9B3
#A3B0B1
#9EB7AF
#97C0AD
#B58CC3
#AE95C1
#A89EBF
#A1A6BC
#9BAFBA
#94B8B8
#8CC3B5
Colorpallet from #C3B58C to #B58CC3 and to #8CB5C3
#C3B58C
#C3B58C
#C3B58C
#C3B58C
#C3B58C
#C3B58C
#C3B58C
#C1AE95
#C0AF95
#BFB095
#BEB195
#BDB295
#BBB495
#BAB595
#BFA89E
#BDAA9E
#BBAC9E
#B8AE9E
#B6B09E
#B4B29E
#B1B59E
#BCA1A6
#B9A4A6
#B6A7A6
#B3ABA6
#B0AEA6
#ADB1A6
#A9B5A6
#BA9BAF
#B69FAF
#B2A3AF
#AEA7AF
#A9ACAF
#A5B0AF
#A0B5AF
#B894B8
#B399B8
#AD9FB8
#A8A4B8
#A3A9B8
#9EAEB8
#97B5B8
#B58CC3
#AE93C3
#A899C3
#A1A0C3
#9BA6C3
#94ADC3
#8CB5C3
Colorpallet from #C3B58C to #8CC3B5 and to #8CB5C3
#C3B58C
#C3B58C
#C3B58C
#C3B58C
#C3B58C
#C3B58C
#C3B58C
#BAB793
#BAB793
#BAB694
#BAB694
#BAB694
#BAB595
#BAB595
#B1B999
#B1B89A
#B1B89B
#B1B79B
#B1B69C
#B1B69D
#B1B59E
#A9BCA0
#A9BBA1
#A9BAA2
#A9B9A3
#A9B8A4
#A9B6A5
#A9B5A6
#A0BEA6
#A0BDA7
#A0BBA9
#A0BAAA
#A0B8AC
#A0B7AD
#A0B5AF
#97C0AD
#97BEAF
#97BCB1
#97BBB2
#97B9B4
#97B7B6
#97B5B8
#8CC3B5
#8CC1B7
#8CBFB9
#8CBCBC
#8CBABE
#8CB8C0
#8CB5C3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
