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 #B4A289 to #B489A2 and to #A2B489
#B4A289
#B4A289
#B4A289
#B4A289
#B4A289
#B4A289
#B4A289
#B49E8D
#B49F8C
#B3A08C
#B3A18B
#B2A28A
#B2A48A
#B1A589
#B49A91
#B39C90
#B29E8E
#B1A18D
#B0A38C
#AFA58B
#AEA889
#B49695
#B39993
#B19D91
#B0A08F
#AEA38D
#ADA78B
#ABAB89
#B49299
#B29696
#B09B94
#AE9F91
#ACA48F
#AAA88C
#A8AE89
#B48E9D
#B2939A
#B09997
#AD9E93
#ABA490
#A9A98D
#A6B089
#B489A2
#B1909E
#AE979A
#AB9E96
#A8A592
#A6AB8E
#A2B489
Colorpallet from #B4A289 to #B489A2 and to #A289B4
#B4A289
#B4A289
#B4A289
#B4A289
#B4A289
#B4A289
#B4A289
#B49E8D
#B49E8D
#B39E8E
#B39E8E
#B29E8F
#B29E8F
#B19E90
#B49A91
#B39A92
#B29A93
#B19A94
#B09A95
#AF9A96
#AE9A97
#B49695
#B39696
#B19698
#B09699
#AE969B
#AD969C
#AB969E
#B49299
#B2929B
#B0929D
#AE929F
#AC92A1
#AA92A3
#A892A5
#B48E9D
#B28E9F
#B08EA1
#AD8EA4
#AB8EA6
#A98EA8
#A68EAB
#B489A2
#B189A5
#AE89A8
#AB89AB
#A889AE
#A689B0
#A289B4
Colorpallet from #B4A289 to #B489A2 and to #89B4A2
#B4A289
#B4A289
#B4A289
#B4A289
#B4A289
#B4A289
#B4A289
#B49E8D
#B39F8D
#B2A08D
#B1A18D
#B0A28D
#AEA48D
#ADA58D
#B49A91
#B29C91
#B09E91
#ADA191
#ABA391
#A9A591
#A6A891
#B49695
#B19995
#AD9D95
#AAA095
#A7A395
#A3A795
#9FAB95
#B49299
#B09699
#AB9B99
#A79F99
#A2A499
#9EA899
#98AE99
#B48E9D
#AF939D
#A9999D
#A49E9D
#9EA49D
#99A99D
#92B09D
#B489A2
#AD90A2
#A697A2
#9F9EA2
#98A5A2
#92ABA2
#89B4A2
Colorpallet from #B4A289 to #B489A2 and to #89A2B4
#B4A289
#B4A289
#B4A289
#B4A289
#B4A289
#B4A289
#B4A289
#B49E8D
#B39F8D
#B29F8E
#B1A08E
#B0A18F
#AEA18F
#ADA290
#B49A91
#B29B92
#B09D93
#AD9E94
#AB9F95
#A9A096
#A6A297
#B49695
#B19896
#AD9A98
#AA9C99
#A79E9B
#A3A09C
#9FA29E
#B49299
#B0959B
#AB979D
#A79A9F
#A29CA1
#9E9FA3
#98A2A5
#B48E9D
#AF919F
#A994A1
#A498A4
#9E9BA6
#999EA8
#92A2AB
#B489A2
#AD8DA5
#A691A8
#9F95AB
#9899AE
#929DB0
#89A2B4
Colorpallet from #B4A289 to #A2B489 and to #A289B4
#B4A289
#B4A289
#B4A289
#B4A289
#B4A289
#B4A289
#B4A289
#B1A589
#B1A48A
#B1A38B
#B1A28C
#B1A18D
#B19F8F
#B19E90
#AEA889
#AEA68B
#AEA48D
#AEA190
#AE9F92
#AE9D94
#AE9A97
#ABAB89
#ABA88C
#ABA490
#ABA193
#AB9E96
#AB9A9A
#AB969E
#A8AE89
#A8AA8D
#A8A592
#A8A196
#A89C9B
#A8989F
#A892A5
#A6B089
#A6AB8E
#A6A594
#A6A099
#A69A9F
#A695A4
#A68EAB
#A2B489
#A2AD90
#A2A697
#A29F9E
#A298A5
#A292AB
#A289B4
Colorpallet from #B4A289 to #A2B489 and to #89B4A2
#B4A289
#B4A289
#B4A289
#B4A289
#B4A289
#B4A289
#B4A289
#B1A589
#B0A58A
#B0A58A
#AFA58B
#AEA58C
#AEA58C
#ADA58D
#AEA889
#ADA88A
#ABA88C
#AAA88D
#A9A88E
#A8A88F
#A6A891
#ABAB89
#A9AB8B
#A7AB8D
#A5AB8F
#A3AB91
#A1AB93
#9FAB95
#A8AE89
#A5AE8C
#A3AE8E
#A0AE91
#9EAE93
#9BAE96
#98AE99
#A6B089
#A3B08C
#A0B08F
#9CB093
#99B096
#96B099
#92B09D
#A2B489
#9EB48D
#9AB491
#96B495
#92B499
#8EB49D
#89B4A2
Colorpallet from #B4A289 to #A2B489 and to #89A2B4
#B4A289
#B4A289
#B4A289
#B4A289
#B4A289
#B4A289
#B4A289
#B1A589
#B0A58A
#B0A48B
#AFA48C
#AEA38D
#AEA38F
#ADA290
#AEA889
#ADA78B
#ABA68D
#AAA590
#A9A492
#A8A394
#A6A297
#ABAB89
#A9AA8C
#A7A890
#A5A793
#A3A596
#A1A49A
#9FA29E
#A8AE89
#A5AC8D
#A3AA92
#A0A896
#9EA69B
#9BA49F
#98A2A5
#A6B089
#A3AE8E
#A0AC94
#9CA999
#99A79F
#96A5A4
#92A2AB
#A2B489
#9EB190
#9AAE97
#96AB9E
#92A8A5
#8EA6AB
#89A2B4
Colorpallet from #B4A289 to #A289B4 and to #89B4A2
#B4A289
#B4A289
#B4A289
#B4A289
#B4A289
#B4A289
#B4A289
#B19E90
#B09F90
#B0A08F
#AFA18F
#AEA28E
#AEA48E
#ADA58D
#AE9A97
#AD9C96
#AB9E95
#AAA194
#A9A393
#A8A592
#A6A891
#AB969E
#A9999D
#A79D9B
#A5A09A
#A3A398
#A1A797
#9FAB95
#A892A5
#A596A3
#A39BA1
#A09F9F
#9EA49D
#9BA89B
#98AE99
#A68EAB
#A393A9
#A099A7
#9C9EA4
#99A4A2
#96A9A0
#92B09D
#A289B4
#9E90B1
#9A97AE
#969EAB
#92A5A8
#8EABA6
#89B4A2
Colorpallet from #B4A289 to #A289B4 and to #89A2B4
#B4A289
#B4A289
#B4A289
#B4A289
#B4A289
#B4A289
#B4A289
#B19E90
#B09F90
#B09F90
#AFA090
#AEA190
#AEA190
#ADA290
#AE9A97
#AD9B97
#AB9D97
#AA9E97
#A99F97
#A8A097
#A6A297
#AB969E
#A9989E
#A79A9E
#A59C9E
#A39E9E
#A1A09E
#9FA29E
#A892A5
#A595A5
#A397A5
#A09AA5
#9E9CA5
#9B9FA5
#98A2A5
#A68EAB
#A391AB
#A094AB
#9C98AB
#999BAB
#969EAB
#92A2AB
#A289B4
#9E8DB4
#9A91B4
#9695B4
#9299B4
#8E9DB4
#89A2B4
Colorpallet from #B4A289 to #89B4A2 and to #89A2B4
#B4A289
#B4A289
#B4A289
#B4A289
#B4A289
#B4A289
#B4A289
#ADA58D
#ADA58D
#ADA48E
#ADA48E
#ADA38F
#ADA38F
#ADA290
#A6A891
#A6A792
#A6A693
#A6A594
#A6A495
#A6A396
#A6A297
#9FAB95
#9FAA96
#9FA898
#9FA799
#9FA59B
#9FA49C
#9FA29E
#98AE99
#98AC9B
#98AA9D
#98A89F
#98A6A1
#98A4A3
#98A2A5
#92B09D
#92AE9F
#92ACA1
#92A9A4
#92A7A6
#92A5A8
#92A2AB
#89B4A2
#89B1A5
#89AEA8
#89ABAB
#89A8AE
#89A6B0
#89A2B4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
