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 #B1A78D to #B18DA7 and to #A7B18D
#B1A78D
#B1A78D
#B1A78D
#B1A78D
#B1A78D
#B1A78D
#B1A78D
#B1A391
#B1A490
#B0A590
#B0A68F
#B0A78E
#AFA88E
#AFA98D
#B19F95
#B1A194
#B0A392
#B0A491
#AFA690
#AFA88F
#AEAA8D
#B19B99
#B09E97
#AFA095
#AFA393
#AEA691
#ADA98F
#ACAC8D
#B1969E
#B09A9B
#AF9D99
#AEA196
#ADA593
#ACA890
#ABAD8D
#B192A2
#B0979F
#AE9B9B
#ADA098
#ACA595
#ABA991
#A9AF8D
#B18DA7
#AF93A3
#AE999F
#AC9E9B
#ABA496
#A9AA92
#A7B18D
Colorpallet from #B1A78D to #B18DA7 and to #A78DB1
#B1A78D
#B1A78D
#B1A78D
#B1A78D
#B1A78D
#B1A78D
#B1A78D
#B1A391
#B1A391
#B0A392
#B0A392
#B0A392
#AFA393
#AFA393
#B19F95
#B19F96
#B09F96
#B09F97
#AF9F98
#AF9F98
#AE9F99
#B19B99
#B09B9A
#AF9B9B
#AF9B9B
#AE9B9C
#AD9B9D
#AC9B9E
#B1969E
#B0969F
#AF96A0
#AE96A1
#AD96A2
#AC96A3
#AB96A4
#B192A2
#B092A3
#AE92A5
#AD92A6
#AC92A7
#AB92A8
#A992AA
#B18DA7
#AF8DA9
#AE8DAA
#AC8DAC
#AB8DAD
#A98DAF
#A78DB1
Colorpallet from #B1A78D to #B18DA7 and to #8DB1A7
#B1A78D
#B1A78D
#B1A78D
#B1A78D
#B1A78D
#B1A78D
#B1A78D
#B1A391
#B0A491
#AFA591
#AEA691
#ADA791
#ACA891
#ABA991
#B19F95
#AFA195
#ADA395
#ABA495
#A9A695
#A7A895
#A5AA95
#B19B99
#AE9E99
#ACA099
#A9A399
#A6A699
#A3A999
#A0AC99
#B1969E
#AD9A9E
#AA9D9E
#A6A19E
#A2A59E
#9FA89E
#9AAD9E
#B192A2
#AC97A2
#A89BA2
#A3A0A2
#9EA5A2
#9AA9A2
#94AFA2
#B18DA7
#AB93A7
#A599A7
#A09EA7
#9AA4A7
#94AAA7
#8DB1A7
Colorpallet from #B1A78D to #B18DA7 and to #8DA7B1
#B1A78D
#B1A78D
#B1A78D
#B1A78D
#B1A78D
#B1A78D
#B1A78D
#B1A391
#B0A491
#AFA492
#AEA592
#ADA692
#ACA693
#ABA793
#B19F95
#AFA096
#ADA296
#ABA397
#A9A498
#A7A598
#A5A799
#B19B99
#AE9D9A
#AC9F9B
#A9A19B
#A6A39C
#A3A59D
#A0A79E
#B1969E
#AD999F
#AA9BA0
#A69EA1
#A2A1A2
#9FA4A3
#9AA7A4
#B192A2
#AC95A3
#A899A5
#A39CA6
#9E9FA7
#9AA3A8
#94A7AA
#B18DA7
#AB91A9
#A595AA
#A099AC
#9A9EAD
#94A2AF
#8DA7B1
Colorpallet from #B1A78D to #A7B18D and to #A78DB1
#B1A78D
#B1A78D
#B1A78D
#B1A78D
#B1A78D
#B1A78D
#B1A78D
#AFA98D
#AFA88E
#AFA78F
#AFA690
#AFA591
#AFA492
#AFA393
#AEAA8D
#AEA88F
#AEA691
#AEA593
#AEA395
#AEA197
#AE9F99
#ACAC8D
#ACA990
#ACA792
#ACA495
#ACA198
#AC9E9B
#AC9B9E
#ABAD8D
#ABA991
#ABA694
#ABA298
#AB9E9C
#AB9B9F
#AB96A4
#A9AF8D
#A9AA92
#A9A696
#A9A19B
#A99CA0
#A998A4
#A992AA
#A7B18D
#A7AB93
#A7A599
#A7A09E
#A79AA4
#A794AA
#A78DB1
Colorpallet from #B1A78D to #A7B18D and to #8DB1A7
#B1A78D
#B1A78D
#B1A78D
#B1A78D
#B1A78D
#B1A78D
#B1A78D
#AFA98D
#AEA98E
#AEA98E
#ADA98F
#ACA990
#ACA990
#ABA991
#AEAA8D
#ADAA8E
#ABAA90
#AAAA91
#A8AA92
#A7AA93
#A5AA95
#ACAC8D
#AAAC8F
#A8AC91
#A6AC93
#A4AC95
#A2AC97
#A0AC99
#ABAD8D
#A8AD90
#A6AD92
#A3AD95
#A0AD98
#9DAD9B
#9AAD9E
#A9AF8D
#A6AF90
#A2AF94
#9FAF97
#9CAF9A
#98AF9E
#94AFA2
#A7B18D
#A3B191
#9FB195
#9BB199
#96B19E
#92B1A2
#8DB1A7
Colorpallet from #B1A78D to #A7B18D and to #8DA7B1
#B1A78D
#B1A78D
#B1A78D
#B1A78D
#B1A78D
#B1A78D
#B1A78D
#AFA98D
#AEA98E
#AEA88F
#ADA890
#ACA891
#ACA792
#ABA793
#AEAA8D
#ADAA8F
#ABA991
#AAA993
#A8A895
#A7A897
#A5A799
#ACAC8D
#AAAB90
#A8AA92
#A6AA95
#A4A998
#A2A89B
#A0A79E
#ABAD8D
#A8AC91
#A6AB94
#A3AA98
#A0A99C
#9DA89F
#9AA7A4
#A9AF8D
#A6AE92
#A2AC96
#9FAB9B
#9CAAA0
#98A9A4
#94A7AA
#A7B18D
#A3AF93
#9FAE99
#9BAC9E
#96ABA4
#92A9AA
#8DA7B1
Colorpallet from #B1A78D to #A78DB1 and to #8DB1A7
#B1A78D
#B1A78D
#B1A78D
#B1A78D
#B1A78D
#B1A78D
#B1A78D
#AFA393
#AEA493
#AEA592
#ADA692
#ACA792
#ACA891
#ABA991
#AE9F99
#ADA198
#ABA398
#AAA497
#A8A696
#A7A896
#A5AA95
#AC9B9E
#AA9E9D
#A8A09C
#A6A39C
#A4A69B
#A2A99A
#A0AC99
#AB96A4
#A89AA3
#A69DA2
#A3A1A1
#A0A5A0
#9DA89F
#9AAD9E
#A992AA
#A697A9
#A29BA7
#9FA0A6
#9CA5A5
#98A9A4
#94AFA2
#A78DB1
#A393AF
#9F99AE
#9B9EAC
#96A4AB
#92AAA9
#8DB1A7
Colorpallet from #B1A78D to #A78DB1 and to #8DA7B1
#B1A78D
#B1A78D
#B1A78D
#B1A78D
#B1A78D
#B1A78D
#B1A78D
#AFA393
#AEA493
#AEA493
#ADA593
#ACA693
#ACA693
#ABA793
#AE9F99
#ADA099
#ABA299
#AAA399
#A8A499
#A7A599
#A5A799
#AC9B9E
#AA9D9E
#A89F9E
#A6A19E
#A4A39E
#A2A59E
#A0A79E
#AB96A4
#A899A4
#A69BA4
#A39EA4
#A0A1A4
#9DA4A4
#9AA7A4
#A992AA
#A695AA
#A299AA
#9F9CAA
#9C9FAA
#98A3AA
#94A7AA
#A78DB1
#A391B1
#9F95B1
#9B99B1
#969EB1
#92A2B1
#8DA7B1
Colorpallet from #B1A78D to #8DB1A7 and to #8DA7B1
#B1A78D
#B1A78D
#B1A78D
#B1A78D
#B1A78D
#B1A78D
#B1A78D
#ABA991
#ABA991
#ABA892
#ABA892
#ABA892
#ABA793
#ABA793
#A5AA95
#A5AA96
#A5A996
#A5A997
#A5A898
#A5A898
#A5A799
#A0AC99
#A0AB9A
#A0AA9B
#A0AA9B
#A0A99C
#A0A89D
#A0A79E
#9AAD9E
#9AAC9F
#9AABA0
#9AAAA1
#9AA9A2
#9AA8A3
#9AA7A4
#94AFA2
#94AEA3
#94ACA5
#94ABA6
#94AAA7
#94A9A8
#94A7AA
#8DB1A7
#8DAFA9
#8DAEAA
#8DACAC
#8DABAD
#8DA9AF
#8DA7B1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
