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 #B2A18D to #B28DA1 and to #A1B28D
#B2A18D
#B2A18D
#B2A18D
#B2A18D
#B2A18D
#B2A18D
#B2A18D
#B29E90
#B29F90
#B1A08F
#B1A18F
#B0A28E
#B0A38E
#AFA48D
#B29B93
#B19D92
#B09F91
#B0A090
#AFA28F
#AEA48E
#ADA68D
#B29797
#B19A95
#AF9D94
#AEA092
#ADA391
#ACA58F
#AAA98D
#B2949A
#B09898
#AE9C96
#ADA094
#ABA392
#A9A790
#A7AC8D
#B2919D
#B0969A
#AE9B98
#AB9F95
#A9A493
#A7A990
#A4AF8D
#B28DA1
#AF939E
#AD999B
#AA9F97
#A7A594
#A4AB91
#A1B28D
Colorpallet from #B2A18D to #B28DA1 and to #A18DB2
#B2A18D
#B2A18D
#B2A18D
#B2A18D
#B2A18D
#B2A18D
#B2A18D
#B29E90
#B29E90
#B19E91
#B19E91
#B09E92
#B09E92
#AF9E93
#B29B93
#B19B94
#B09B95
#B09B96
#AF9B97
#AE9B98
#AD9B99
#B29797
#B19798
#AF979A
#AE979B
#AD979C
#AC979D
#AA979F
#B2949A
#B0949C
#AE949E
#AD949F
#AB94A1
#A994A3
#A794A5
#B2919D
#B0919F
#AE91A1
#AB91A4
#A991A6
#A791A8
#A491AB
#B28DA1
#AF8DA4
#AD8DA6
#AA8DA9
#A78DAC
#A48DAF
#A18DB2
Colorpallet from #B2A18D to #B28DA1 and to #8DB2A1
#B2A18D
#B2A18D
#B2A18D
#B2A18D
#B2A18D
#B2A18D
#B2A18D
#B29E90
#B19F90
#B0A090
#AFA190
#AEA290
#ADA390
#ACA490
#B29B93
#B09D93
#AE9F93
#ACA093
#AAA293
#A8A493
#A6A693
#B29797
#AF9A97
#AC9D97
#A9A097
#A6A397
#A4A597
#A0A997
#B2949A
#AE989A
#AA9C9A
#A6A09A
#A3A39A
#9FA79A
#9AAC9A
#B2919D
#AD969D
#A89B9D
#A49F9D
#9FA49D
#9AA99D
#94AF9D
#B28DA1
#AC93A1
#A699A1
#A09FA1
#9AA5A1
#94ABA1
#8DB2A1
Colorpallet from #B2A18D to #B28DA1 and to #8DA1B2
#B2A18D
#B2A18D
#B2A18D
#B2A18D
#B2A18D
#B2A18D
#B2A18D
#B29E90
#B19E90
#B09F91
#AF9F91
#AEA092
#ADA092
#ACA193
#B29B93
#B09C94
#AE9D95
#AC9E96
#AA9F97
#A8A098
#A6A199
#B29797
#AF9998
#AC9A9A
#A99C9B
#A69D9C
#A49F9D
#A0A19F
#B2949A
#AE969C
#AA989E
#A69A9F
#A39CA1
#9F9EA3
#9AA1A5
#B2919D
#AD949F
#A896A1
#A499A4
#9F9BA6
#9A9EA8
#94A1AB
#B28DA1
#AC90A4
#A693A6
#A097A9
#9A9AAC
#949DAF
#8DA1B2
Colorpallet from #B2A18D to #A1B28D and to #A18DB2
#B2A18D
#B2A18D
#B2A18D
#B2A18D
#B2A18D
#B2A18D
#B2A18D
#AFA48D
#AFA38E
#AFA28F
#AFA190
#AFA091
#AF9F92
#AF9E93
#ADA68D
#ADA48F
#ADA291
#ADA193
#AD9F95
#AD9D97
#AD9B99
#AAA98D
#AAA690
#AAA393
#AAA096
#AA9D99
#AA9B9B
#AA979F
#A7AC8D
#A7A891
#A7A495
#A7A099
#A79D9C
#A799A0
#A794A5
#A4AF8D
#A4AA92
#A4A597
#A4A19B
#A49CA0
#A497A5
#A491AB
#A1B28D
#A1AC93
#A1A699
#A1A09F
#A19AA5
#A194AB
#A18DB2
Colorpallet from #B2A18D to #A1B28D and to #8DB2A1
#B2A18D
#B2A18D
#B2A18D
#B2A18D
#B2A18D
#B2A18D
#B2A18D
#AFA48D
#AFA48D
#AEA48E
#AEA48E
#ADA48F
#ADA48F
#ACA490
#ADA68D
#ACA68E
#ABA68F
#AAA690
#A9A691
#A7A692
#A6A693
#AAA98D
#A8A98F
#A7A990
#A5A992
#A4A993
#A2A995
#A0A997
#A7AC8D
#A5AC8F
#A3AC91
#A1AC93
#9FAC95
#9DAC97
#9AAC9A
#A4AF8D
#A1AF90
#9FAF92
#9CAF95
#9AAF97
#97AF9A
#94AF9D
#A1B28D
#9EB290
#9BB293
#97B297
#94B29A
#91B29D
#8DB2A1
Colorpallet from #B2A18D to #A1B28D and to #8DA1B2
#B2A18D
#B2A18D
#B2A18D
#B2A18D
#B2A18D
#B2A18D
#B2A18D
#AFA48D
#AFA48E
#AEA38F
#AEA390
#ADA291
#ADA292
#ACA193
#ADA68D
#ACA58F
#ABA491
#AAA493
#A9A395
#A7A297
#A6A199
#AAA98D
#A8A890
#A7A693
#A5A596
#A4A499
#A2A39B
#A0A19F
#A7AC8D
#A5AA91
#A3A895
#A1A799
#9FA59C
#9DA3A0
#9AA1A5
#A4AF8D
#A1AD92
#9FAB97
#9CA89B
#9AA6A0
#97A4A5
#94A1AB
#A1B28D
#9EAF93
#9BAD99
#97AA9F
#94A7A5
#91A4AB
#8DA1B2
Colorpallet from #B2A18D to #A18DB2 and to #8DB2A1
#B2A18D
#B2A18D
#B2A18D
#B2A18D
#B2A18D
#B2A18D
#B2A18D
#AF9E93
#AF9F93
#AEA092
#AEA192
#ADA291
#ADA391
#ACA490
#AD9B99
#AC9D98
#AB9F97
#AAA096
#A9A295
#A7A494
#A6A693
#AA979F
#A89A9E
#A79D9C
#A5A09B
#A4A39A
#A2A599
#A0A997
#A794A5
#A598A3
#A39CA1
#A1A0A0
#9FA39E
#9DA79C
#9AAC9A
#A491AB
#A196A9
#9F9BA7
#9C9FA4
#9AA4A2
#97A9A0
#94AF9D
#A18DB2
#9E93AF
#9B99AD
#979FAA
#94A5A7
#91ABA4
#8DB2A1
Colorpallet from #B2A18D to #A18DB2 and to #8DA1B2
#B2A18D
#B2A18D
#B2A18D
#B2A18D
#B2A18D
#B2A18D
#B2A18D
#AF9E93
#AF9E93
#AE9F93
#AE9F93
#ADA093
#ADA093
#ACA193
#AD9B99
#AC9C99
#AB9D99
#AA9E99
#A99F99
#A7A099
#A6A199
#AA979F
#A8999F
#A79A9F
#A59C9F
#A49D9F
#A29F9F
#A0A19F
#A794A5
#A596A5
#A398A5
#A19AA5
#9F9CA5
#9D9EA5
#9AA1A5
#A491AB
#A194AB
#9F96AB
#9C99AB
#9A9BAB
#979EAB
#94A1AB
#A18DB2
#9E90B2
#9B93B2
#9797B2
#949AB2
#919DB2
#8DA1B2
Colorpallet from #B2A18D to #8DB2A1 and to #8DA1B2
#B2A18D
#B2A18D
#B2A18D
#B2A18D
#B2A18D
#B2A18D
#B2A18D
#ACA490
#ACA490
#ACA391
#ACA391
#ACA292
#ACA292
#ACA193
#A6A693
#A6A594
#A6A495
#A6A496
#A6A397
#A6A298
#A6A199
#A0A997
#A0A898
#A0A69A
#A0A59B
#A0A49C
#A0A39D
#A0A19F
#9AAC9A
#9AAA9C
#9AA89E
#9AA79F
#9AA5A1
#9AA3A3
#9AA1A5
#94AF9D
#94AD9F
#94ABA1
#94A8A4
#94A6A6
#94A4A8
#94A1AB
#8DB2A1
#8DAFA4
#8DADA6
#8DAAA9
#8DA7AC
#8DA4AF
#8DA1B2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
