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 #C3B167 to #C367B1 and to #B1C367
#C3B167
#C3B167
#C3B167
#C3B167
#C3B167
#C3B167
#C3B167
#C3A573
#C3A771
#C2AA6F
#C2AC6D
#C1AF6B
#C1B169
#C0B467
#C3997F
#C29E7B
#C1A377
#C0A773
#BFAC70
#BEB16C
#BDB767
#C38D8B
#C29485
#C09B7F
#BFA37A
#BDAA74
#BCB16E
#BABA67
#C38296
#C18B8E
#BF9587
#BD9E7F
#BBA878
#B9B170
#B7BD67
#C376A2
#C18299
#BF8D8F
#BC9986
#BAA57C
#B8B073
#B5BF67
#C367B1
#C076A5
#BD8499
#BA938D
#B7A282
#B5B176
#B1C367
Colorpallet from #C3B167 to #C367B1 and to #B167C3
#C3B167
#C3B167
#C3B167
#C3B167
#C3B167
#C3B167
#C3B167
#C3A573
#C3A573
#C2A574
#C2A574
#C1A575
#C1A575
#C0A576
#C3997F
#C29980
#C19981
#C09981
#BF9982
#BE9983
#BD9984
#C38D8B
#C28D8C
#C08D8E
#BF8D8F
#BD8D90
#BC8D91
#BA8D93
#C38296
#C18298
#BF829A
#BD829C
#BB829E
#B982A0
#B782A2
#C376A2
#C176A4
#BF76A7
#BC76A9
#BA76AC
#B876AE
#B576B1
#C367B1
#C067B4
#BD67B7
#BA67BA
#B767BD
#B567BF
#B167C3
Colorpallet from #C3B167 to #C367B1 and to #67C3B1
#C3B167
#C3B167
#C3B167
#C3B167
#C3B167
#C3B167
#C3B167
#C3A573
#C1A773
#BEAA73
#BCAC73
#B9AF73
#B7B173
#B4B473
#C3997F
#BE9E7F
#BAA37F
#B5A77F
#B0AC7F
#ACB17F
#A6B77F
#C38D8B
#BC948B
#B59B8B
#AEA38B
#A7AA8B
#A0B18B
#97BA8B
#C38296
#BA8B96
#B09596
#A79E96
#9DA896
#94B196
#88BD96
#C376A2
#B782A2
#AB8DA2
#9F99A2
#94A5A2
#88B0A2
#79BFA2
#C367B1
#B476B1
#A684B1
#9793B1
#88A2B1
#79B1B1
#67C3B1
Colorpallet from #C3B167 to #C367B1 and to #67B1C3
#C3B167
#C3B167
#C3B167
#C3B167
#C3B167
#C3B167
#C3B167
#C3A573
#C1A773
#BEA974
#BCAB74
#B9AD75
#B7AF75
#B4B176
#C3997F
#BE9D80
#BAA181
#B5A581
#B0A882
#ACAC83
#A6B184
#C38D8B
#BC938C
#B5998E
#AE9E8F
#A7A490
#A0AA91
#97B193
#C38296
#BA8A98
#B0919A
#A7999C
#9DA09E
#94A8A0
#88B1A2
#C376A2
#B77FA4
#AB89A7
#9F92A9
#949CAC
#88A5AE
#79B1B1
#C367B1
#B473B4
#A67FB7
#978BBA
#8896BD
#79A2BF
#67B1C3
Colorpallet from #C3B167 to #B1C367 and to #B167C3
#C3B167
#C3B167
#C3B167
#C3B167
#C3B167
#C3B167
#C3B167
#C0B467
#C0B269
#C0AF6C
#C0AD6E
#C0AA71
#C0A873
#C0A576
#BDB767
#BDB26C
#BDAD70
#BDA975
#BDA47A
#BD9F7E
#BD9984
#BABA67
#BAB36E
#BAAC75
#BAA47C
#BA9D83
#BA968A
#BA8D93
#B7BD67
#B7B470
#B7AA7A
#B7A183
#B7978D
#B78E96
#B782A2
#B5BF67
#B5B373
#B5A87F
#B59C8B
#B59096
#B585A2
#B576B1
#B1C367
#B1B476
#B1A684
#B19793
#B188A2
#B179B1
#B167C3
Colorpallet from #C3B167 to #B1C367 and to #67C3B1
#C3B167
#C3B167
#C3B167
#C3B167
#C3B167
#C3B167
#C3B167
#C0B467
#BEB469
#BCB46B
#BAB46D
#B8B46F
#B6B471
#B4B473
#BDB767
#B9B76B
#B6B76F
#B2B773
#AEB776
#ABB77A
#A6B77F
#BABA67
#B4BA6D
#AFBA73
#A9BA78
#A4BA7E
#9EBA84
#97BA8B
#B7BD67
#AFBD6F
#A8BD76
#A0BD7E
#99BD85
#91BD8D
#88BD96
#B5BF67
#ABBF70
#A2BF7A
#98BF83
#8FBF8D
#85BF96
#79BFA2
#B1C367
#A5C373
#99C37F
#8DC38B
#82C396
#76C3A2
#67C3B1
Colorpallet from #C3B167 to #B1C367 and to #67B1C3
#C3B167
#C3B167
#C3B167
#C3B167
#C3B167
#C3B167
#C3B167
#C0B467
#BEB469
#BCB36C
#BAB36E
#B8B271
#B6B273
#B4B176
#BDB767
#B9B66C
#B6B570
#B2B475
#AEB37A
#ABB27E
#A6B184
#BABA67
#B4B96E
#AFB775
#A9B67C
#A4B483
#9EB38A
#97B193
#B7BD67
#AFBB70
#A8B97A
#A0B783
#99B58D
#91B396
#88B1A2
#B5BF67
#ABBD73
#A2BB7F
#98B88B
#8FB696
#85B4A2
#79B1B1
#B1C367
#A5C076
#99BD84
#8DBA93
#82B7A2
#76B5B1
#67B1C3
Colorpallet from #C3B167 to #B167C3 and to #67C3B1
#C3B167
#C3B167
#C3B167
#C3B167
#C3B167
#C3B167
#C3B167
#C0A576
#BEA776
#BCAA75
#BAAC75
#B8AF74
#B6B174
#B4B473
#BD9984
#B99E83
#B6A382
#B2A782
#AEAC81
#ABB180
#A6B77F
#BA8D93
#B49492
#AF9B90
#A9A38F
#A4AA8E
#9EB18D
#97BA8B
#B782A2
#AF8BA0
#A8959E
#A09E9C
#99A89A
#91B198
#88BD96
#B576B1
#AB82AF
#A28DAC
#9899AA
#8FA5A7
#85B0A5
#79BFA2
#B167C3
#A576C0
#9984BD
#8D93BA
#82A2B7
#76B1B5
#67C3B1
Colorpallet from #C3B167 to #B167C3 and to #67B1C3
#C3B167
#C3B167
#C3B167
#C3B167
#C3B167
#C3B167
#C3B167
#C0A576
#BEA776
#BCA976
#BAAB76
#B8AD76
#B6AF76
#B4B176
#BD9984
#B99D84
#B6A184
#B2A584
#AEA884
#ABAC84
#A6B184
#BA8D93
#B49393
#AF9993
#A99E93
#A4A493
#9EAA93
#97B193
#B782A2
#AF8AA2
#A891A2
#A099A2
#99A0A2
#91A8A2
#88B1A2
#B576B1
#AB7FB1
#A289B1
#9892B1
#8F9CB1
#85A5B1
#79B1B1
#B167C3
#A573C3
#997FC3
#8D8BC3
#8296C3
#76A2C3
#67B1C3
Colorpallet from #C3B167 to #67C3B1 and to #67B1C3
#C3B167
#C3B167
#C3B167
#C3B167
#C3B167
#C3B167
#C3B167
#B4B473
#B4B473
#B4B374
#B4B374
#B4B275
#B4B275
#B4B176
#A6B77F
#A6B680
#A6B581
#A6B481
#A6B382
#A6B283
#A6B184
#97BA8B
#97B98C
#97B78E
#97B68F
#97B490
#97B391
#97B193
#88BD96
#88BB98
#88B99A
#88B79C
#88B59E
#88B3A0
#88B1A2
#79BFA2
#79BDA4
#79BBA7
#79B8A9
#79B6AC
#79B4AE
#79B1B1
#67C3B1
#67C0B4
#67BDB7
#67BABA
#67B7BD
#67B5BF
#67B1C3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
