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 #D2A681 to #D281A6 and to #A6D281
#D2A681
#D2A681
#D2A681
#D2A681
#D2A681
#D2A681
#D2A681
#D2A087
#D1A286
#D0A485
#CFA684
#CEA883
#CCAA82
#CBAD81
#D29A8D
#D09E8B
#CEA289
#CBA687
#C9AB85
#C7AF83
#C4B481
#D29493
#CF9A90
#CBA08D
#C8A78A
#C5AD87
#C1B385
#BDBB81
#D28E99
#CE9695
#C99F91
#C5A78D
#C0AF8A
#BCB886
#B6C281
#D2889F
#CC929A
#C79D95
#C1A791
#BCB28C
#B6BC87
#AFC981
#D281A6
#CB8EA0
#C49B9A
#BDA894
#B6B58E
#AFC288
#A6D281
Colorpallet from #D2A681 to #D281A6 and to #A681D2
#D2A681
#D2A681
#D2A681
#D2A681
#D2A681
#D2A681
#D2A681
#D2A087
#D1A088
#D0A089
#CFA08A
#CEA08B
#CCA08D
#CBA08E
#D29A8D
#D09A8F
#CE9A91
#CB9A94
#C99A96
#C79A98
#C49A9B
#D29493
#CF9496
#CB949A
#C8949D
#C594A0
#C194A4
#BD94A8
#D28E99
#CE8E9D
#C98EA2
#C58EA6
#C08EAB
#BC8EAF
#B68EB5
#D2889F
#CC88A5
#C788AA
#C188B0
#BC88B5
#B688BB
#AF88C2
#D281A6
#CB81AD
#C481B4
#BD81BB
#B681C2
#AF81C9
#A681D2
Colorpallet from #D2A681 to #D281A6 and to #81D2A6
#D2A681
#D2A681
#D2A681
#D2A681
#D2A681
#D2A681
#D2A681
#D2A087
#D0A287
#CEA487
#CCA687
#CAA887
#C8AA87
#C5AD87
#D29A8D
#CE9E8D
#CAA28D
#C6A68D
#C1AB8D
#BDAF8D
#B8B48D
#D29493
#CC9A93
#C6A093
#BFA793
#B9AD93
#B3B393
#ABBB93
#D28E99
#CA9699
#C19F99
#B9A799
#B1AF99
#A8B899
#9EC299
#D2889F
#C8929F
#BD9D9F
#B3A79F
#A8B29F
#9EBC9F
#91C99F
#D281A6
#C58EA6
#B89BA6
#ABA8A6
#9EB5A6
#91C2A6
#81D2A6
Colorpallet from #D2A681 to #D281A6 and to #81A6D2
#D2A681
#D2A681
#D2A681
#D2A681
#D2A681
#D2A681
#D2A681
#D2A087
#D0A188
#CEA289
#CCA38A
#CAA48B
#C8A58D
#C5A68E
#D29A8D
#CE9C8F
#CA9E91
#C6A094
#C1A296
#BDA498
#B8A69B
#D29493
#CC9796
#C69A9A
#BF9D9D
#B9A0A0
#B3A2A4
#ABA6A8
#D28E99
#CA929D
#C196A2
#B99AA6
#B19DAB
#A8A1AF
#9EA6B5
#D2889F
#C88DA5
#BD92AA
#B396B0
#A89BB5
#9EA0BB
#91A6C2
#D281A6
#C587AD
#B88DB4
#AB93BB
#9E99C2
#919FC9
#81A6D2
Colorpallet from #D2A681 to #A6D281 and to #A681D2
#D2A681
#D2A681
#D2A681
#D2A681
#D2A681
#D2A681
#D2A681
#CBAD81
#CBAB83
#CBA985
#CBA787
#CBA589
#CBA38B
#CBA08E
#C4B481
#C4B085
#C4AC89
#C4A88D
#C4A392
#C49F96
#C49A9B
#BDBB81
#BDB587
#BDAF8D
#BDA894
#BDA29A
#BD9CA0
#BD94A8
#B6C281
#B6BA89
#B6B192
#B6A99A
#B6A1A2
#B698AB
#B68EB5
#AFC981
#AFBF8B
#AFB496
#AFAAA0
#AF9FAB
#AF95B5
#AF88C2
#A6D281
#A6C58E
#A6B89B
#A6ABA8
#A69EB5
#A691C2
#A681D2
Colorpallet from #D2A681 to #A6D281 and to #81D2A6
#D2A681
#D2A681
#D2A681
#D2A681
#D2A681
#D2A681
#D2A681
#CBAD81
#CAAD82
#C9AD83
#C8AD84
#C7AD85
#C6AD86
#C5AD87
#C4B481
#C2B483
#C0B485
#BEB487
#BCB489
#BAB48B
#B8B48D
#BDBB81
#BABB84
#B7BB87
#B4BB8A
#B1BB8D
#AFBB8F
#ABBB93
#B6C281
#B2C285
#AEC289
#AAC28D
#A7C290
#A3C294
#9EC299
#AFC981
#AAC986
#A5C98B
#A1C98F
#9CC994
#97C999
#91C99F
#A6D281
#A0D287
#9AD28D
#94D293
#8ED299
#88D29F
#81D2A6
Colorpallet from #D2A681 to #A6D281 and to #81A6D2
#D2A681
#D2A681
#D2A681
#D2A681
#D2A681
#D2A681
#D2A681
#CBAD81
#CAAC83
#C9AB85
#C8AA87
#C7A989
#C6A78B
#C5A68E
#C4B481
#C2B285
#C0B089
#BEAD8D
#BCAB92
#BAA996
#B8A69B
#BDBB81
#BAB887
#B7B48D
#B4B194
#B1AE9A
#AFAAA0
#ABA6A8
#B6C281
#B2BE89
#AEB992
#AAB59A
#A7B0A2
#A3ACAB
#9EA6B5
#AFC981
#AAC38B
#A5BE96
#A1B8A0
#9CB3AB
#97ADB5
#91A6C2
#A6D281
#A0CB8E
#9AC49B
#94BDA8
#8EB6B5
#88AFC2
#81A6D2
Colorpallet from #D2A681 to #A681D2 and to #81D2A6
#D2A681
#D2A681
#D2A681
#D2A681
#D2A681
#D2A681
#D2A681
#CBA08E
#CAA28D
#C9A48C
#C8A68B
#C7A88A
#C6AA88
#C5AD87
#C49A9B
#C29E99
#C0A297
#BEA694
#BCAB92
#BAAF90
#B8B48D
#BD94A8
#BA9AA5
#B7A0A1
#B4A79E
#B1AD9B
#AFB397
#ABBB93
#B68EB5
#B296B1
#AE9FAC
#AAA7A8
#A7AFA3
#A3B89F
#9EC299
#AF88C2
#AA92BC
#A59DB7
#A1A7B1
#9CB2AC
#97BCA6
#91C99F
#A681D2
#A08ECB
#9A9BC4
#94A8BD
#8EB5B6
#88C2AF
#81D2A6
Colorpallet from #D2A681 to #A681D2 and to #81A6D2
#D2A681
#D2A681
#D2A681
#D2A681
#D2A681
#D2A681
#D2A681
#CBA08E
#CAA18E
#C9A28E
#C8A38E
#C7A48E
#C6A58E
#C5A68E
#C49A9B
#C29C9B
#C09E9B
#BEA09B
#BCA29B
#BAA49B
#B8A69B
#BD94A8
#BA97A8
#B79AA8
#B49DA8
#B1A0A8
#AFA2A8
#ABA6A8
#B68EB5
#B292B5
#AE96B5
#AA9AB5
#A79DB5
#A3A1B5
#9EA6B5
#AF88C2
#AA8DC2
#A592C2
#A196C2
#9C9BC2
#97A0C2
#91A6C2
#A681D2
#A087D2
#9A8DD2
#9493D2
#8E99D2
#889FD2
#81A6D2
Colorpallet from #D2A681 to #81D2A6 and to #81A6D2
#D2A681
#D2A681
#D2A681
#D2A681
#D2A681
#D2A681
#D2A681
#C5AD87
#C5AC88
#C5AB89
#C5AA8A
#C5A98B
#C5A78D
#C5A68E
#B8B48D
#B8B28F
#B8B091
#B8AD94
#B8AB96
#B8A998
#B8A69B
#ABBB93
#ABB896
#ABB49A
#ABB19D
#ABAEA0
#ABAAA4
#ABA6A8
#9EC299
#9EBE9D
#9EB9A2
#9EB5A6
#9EB0AB
#9EACAF
#9EA6B5
#91C99F
#91C3A5
#91BEAA
#91B8B0
#91B3B5
#91ADBB
#91A6C2
#81D2A6
#81CBAD
#81C4B4
#81BDBB
#81B6C2
#81AFC9
#81A6D2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
