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 #B5A987 to #B587A9 and to #A9B587
#B5A987
#B5A987
#B5A987
#B5A987
#B5A987
#B5A987
#B5A987
#B5A48C
#B5A58B
#B4A68A
#B4A78A
#B4A889
#B3AA88
#B3AB87
#B59E92
#B4A090
#B4A38E
#B3A58D
#B2A88B
#B2AA89
#B1AD87
#B59997
#B49D94
#B3A092
#B2A48F
#B1A78D
#B0AB8A
#AFAF87
#B5939D
#B49899
#B29D96
#B1A192
#B0A68F
#AFAB8B
#ADB187
#B58EA2
#B3949E
#B29A99
#B0A095
#AFA691
#ADAC8C
#ABB387
#B587A9
#B38EA4
#B1969E
#AF9D99
#ADA493
#ABAC8E
#A9B587
Colorpallet from #B5A987 to #B587A9 and to #A987B5
#B5A987
#B5A987
#B5A987
#B5A987
#B5A987
#B5A987
#B5A987
#B5A48C
#B5A48C
#B4A48D
#B4A48D
#B4A48D
#B3A48E
#B3A48E
#B59E92
#B49E93
#B49E93
#B39E94
#B29E95
#B29E95
#B19E96
#B59997
#B49998
#B39999
#B2999A
#B1999B
#B0999C
#AF999D
#B5939D
#B4939E
#B2939F
#B193A0
#B093A1
#AF93A3
#AD93A4
#B58EA2
#B38EA4
#B28EA5
#B08EA7
#AF8EA8
#AD8EAA
#AB8EAC
#B587A9
#B387AB
#B187AD
#AF87AF
#AD87B1
#AB87B3
#A987B5
Colorpallet from #B5A987 to #B587A9 and to #87B5A9
#B5A987
#B5A987
#B5A987
#B5A987
#B5A987
#B5A987
#B5A987
#B5A48C
#B4A58C
#B3A68C
#B2A78C
#B1A88C
#AFAA8C
#AEAB8C
#B59E92
#B3A092
#B0A392
#AEA592
#ABA892
#A9AA92
#A6AD92
#B59997
#B19D97
#AEA097
#AAA497
#A7A797
#A3AB97
#9FAF97
#B5939D
#B0989D
#AC9D9D
#A7A19D
#A2A69D
#9EAB9D
#98B19D
#B58EA2
#AF94A2
#A99AA2
#A3A0A2
#9DA6A2
#97ACA2
#90B3A2
#B587A9
#AE8EA9
#A696A9
#9F9DA9
#98A4A9
#90ACA9
#87B5A9
Colorpallet from #B5A987 to #B587A9 and to #87A9B5
#B5A987
#B5A987
#B5A987
#B5A987
#B5A987
#B5A987
#B5A987
#B5A48C
#B4A58C
#B3A68D
#B2A68D
#B1A78D
#AFA88E
#AEA98E
#B59E92
#B3A093
#B0A293
#AEA394
#ABA595
#A9A795
#A6A996
#B59997
#B19C98
#AE9E99
#AAA19A
#A7A39B
#A3A69C
#9FA99D
#B5939D
#B0979E
#AC9A9F
#A79EA0
#A2A1A1
#9EA5A3
#98A9A4
#B58EA2
#AF92A4
#A997A5
#A39BA7
#9D9FA8
#97A4AA
#90A9AC
#B587A9
#AE8CAB
#A692AD
#9F97AF
#989DB1
#90A2B3
#87A9B5
Colorpallet from #B5A987 to #A9B587 and to #A987B5
#B5A987
#B5A987
#B5A987
#B5A987
#B5A987
#B5A987
#B5A987
#B3AB87
#B3AA88
#B3A989
#B3A88A
#B3A78B
#B3A58D
#B3A48E
#B1AD87
#B1AB89
#B1A88C
#B1A68E
#B1A391
#B1A193
#B19E96
#AFAF87
#AFAB8B
#AFA88E
#AFA492
#AFA195
#AF9D99
#AF999D
#ADB187
#ADAC8C
#ADA790
#ADA395
#AD9E9A
#AD999E
#AD93A4
#ABB387
#ABAD8D
#ABA793
#ABA199
#AB9B9F
#AB95A5
#AB8EAC
#A9B587
#A9AE8E
#A9A696
#A99F9D
#A998A4
#A990AC
#A987B5
Colorpallet from #B5A987 to #A9B587 and to #87B5A9
#B5A987
#B5A987
#B5A987
#B5A987
#B5A987
#B5A987
#B5A987
#B3AB87
#B2AB88
#B1AB89
#B1AB89
#B0AB8A
#AFAB8B
#AEAB8C
#B1AD87
#AFAD89
#ADAD8B
#ACAD8C
#AAAD8E
#A8AD90
#A6AD92
#AFAF87
#ACAF8A
#AAAF8C
#A7AF8F
#A5AF91
#A2AF94
#9FAF97
#ADB187
#AAB18B
#A6B18E
#A3B192
#A0B195
#9CB199
#98B19D
#ABB387
#A7B38B
#A2B390
#9EB394
#9AB398
#95B39D
#90B3A2
#A9B587
#A4B58C
#9EB592
#99B597
#93B59D
#8EB5A2
#87B5A9
Colorpallet from #B5A987 to #A9B587 and to #87A9B5
#B5A987
#B5A987
#B5A987
#B5A987
#B5A987
#B5A987
#B5A987
#B3AB87
#B2AB88
#B1AA89
#B1AA8A
#B0AA8B
#AFA98D
#AEA98E
#B1AD87
#AFAC89
#ADAC8C
#ACAB8E
#AAAA91
#A8AA93
#A6A996
#AFAF87
#ACAE8B
#AAAD8E
#A7AC92
#A5AB95
#A2AA99
#9FA99D
#ADB187
#AAB08C
#A6AE90
#A3AD95
#A0AC9A
#9CAB9E
#98A9A4
#ABB387
#A7B18D
#A2B093
#9EAE99
#9AAD9F
#95ABA5
#90A9AC
#A9B587
#A4B38E
#9EB196
#99AF9D
#93ADA4
#8EABAC
#87A9B5
Colorpallet from #B5A987 to #A987B5 and to #87B5A9
#B5A987
#B5A987
#B5A987
#B5A987
#B5A987
#B5A987
#B5A987
#B3A48E
#B2A58E
#B1A68D
#B1A78D
#B0A88D
#AFAA8C
#AEAB8C
#B19E96
#AFA095
#ADA395
#ACA594
#AAA893
#A8AA93
#A6AD92
#AF999D
#AC9D9C
#AAA09B
#A7A49A
#A5A799
#A2AB98
#9FAF97
#AD93A4
#AA98A3
#A69DA2
#A3A1A1
#A0A6A0
#9CAB9E
#98B19D
#AB8EAC
#A794AA
#A29AA9
#9EA0A7
#9AA6A6
#95ACA4
#90B3A2
#A987B5
#A48EB3
#9E96B1
#999DAF
#93A4AD
#8EACAB
#87B5A9
Colorpallet from #B5A987 to #A987B5 and to #87A9B5
#B5A987
#B5A987
#B5A987
#B5A987
#B5A987
#B5A987
#B5A987
#B3A48E
#B2A58E
#B1A68E
#B1A68E
#B0A78E
#AFA88E
#AEA98E
#B19E96
#AFA096
#ADA296
#ACA396
#AAA596
#A8A796
#A6A996
#AF999D
#AC9C9D
#AA9E9D
#A7A19D
#A5A39D
#A2A69D
#9FA99D
#AD93A4
#AA97A4
#A69AA4
#A39EA4
#A0A1A4
#9CA5A4
#98A9A4
#AB8EAC
#A792AC
#A297AC
#9E9BAC
#9A9FAC
#95A4AC
#90A9AC
#A987B5
#A48CB5
#9E92B5
#9997B5
#939DB5
#8EA2B5
#87A9B5
Colorpallet from #B5A987 to #87B5A9 and to #87A9B5
#B5A987
#B5A987
#B5A987
#B5A987
#B5A987
#B5A987
#B5A987
#AEAB8C
#AEAB8C
#AEAA8D
#AEAA8D
#AEAA8D
#AEA98E
#AEA98E
#A6AD92
#A6AC93
#A6AC93
#A6AB94
#A6AA95
#A6AA95
#A6A996
#9FAF97
#9FAE98
#9FAD99
#9FAC9A
#9FAB9B
#9FAA9C
#9FA99D
#98B19D
#98B09E
#98AE9F
#98ADA0
#98ACA1
#98ABA3
#98A9A4
#90B3A2
#90B1A4
#90B0A5
#90AEA7
#90ADA8
#90ABAA
#90A9AC
#87B5A9
#87B3AB
#87B1AD
#87AFAF
#87ADB1
#87ABB3
#87A9B5
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
