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 #CDA688 to #CD88A6 and to #A6CD88
#CDA688
#CDA688
#CDA688
#CDA688
#CDA688
#CDA688
#CDA688
#CDA18D
#CCA38C
#CBA58B
#CAA68B
#C9A88A
#C8AA89
#C7AC88
#CD9C92
#CBA090
#C9A38F
#C7A78D
#C5AA8C
#C3AE8A
#C1B288
#CD9896
#CA9D94
#C7A392
#C4A88F
#C1AD8D
#BEB28B
#BAB988
#CD939B
#C99A98
#C5A195
#C1A892
#BDAF8F
#B9B68C
#B4BF88
#CD8EA0
#C8979C
#C3A098
#BEA894
#B9B191
#B4BA8D
#AEC588
#CD88A6
#C793A1
#C19E9C
#BAA998
#B4B493
#AEBF8E
#A6CD88
Colorpallet from #CDA688 to #CD88A6 and to #A688CD
#CDA688
#CDA688
#CDA688
#CDA688
#CDA688
#CDA688
#CDA688
#CDA18D
#CCA18E
#CBA18F
#CAA190
#C9A191
#C8A192
#C7A193
#CD9C92
#CB9C94
#C99C96
#C79C98
#C59C9A
#C39C9C
#C19C9E
#CD9896
#CA9899
#C7989C
#C4989F
#C198A2
#BE98A5
#BA98A9
#CD939B
#C9939F
#C593A3
#C193A7
#BD93AB
#B993AF
#B493B4
#CD8EA0
#C88EA5
#C38EAA
#BE8EAF
#B98EB4
#B48EB9
#AE8EBF
#CD88A6
#C788AC
#C188B2
#BA88B9
#B488BF
#AE88C5
#A688CD
Colorpallet from #CDA688 to #CD88A6 and to #88CDA6
#CDA688
#CDA688
#CDA688
#CDA688
#CDA688
#CDA688
#CDA688
#CDA18D
#CBA38D
#C9A58D
#C8A68D
#C6A88D
#C4AA8D
#C2AC8D
#CD9C92
#C9A092
#C6A392
#C2A792
#BFAA92
#BBAE92
#B7B292
#CD9896
#C89D96
#C2A396
#BDA896
#B8AD96
#B3B296
#ACB996
#CD939B
#C69A9B
#BFA19B
#B8A89B
#B1AF9B
#AAB69B
#A1BF9B
#CD8EA0
#C497A0
#BBA0A0
#B3A8A0
#AAB1A0
#A1BAA0
#96C5A0
#CD88A6
#C293A6
#B79EA6
#ACA9A6
#A1B4A6
#96BFA6
#88CDA6
Colorpallet from #CDA688 to #CD88A6 and to #88A6CD
#CDA688
#CDA688
#CDA688
#CDA688
#CDA688
#CDA688
#CDA688
#CDA18D
#CBA28E
#C9A38F
#C8A390
#C6A491
#C4A592
#C2A693
#CD9C92
#C99E94
#C69F96
#C2A198
#BFA29A
#BBA49C
#B7A69E
#CD9896
#C89A99
#C29C9C
#BD9F9F
#B8A1A2
#B3A3A5
#ACA6A9
#CD939B
#C6969F
#BF99A3
#B89CA7
#B19FAB
#AAA2AF
#A1A6B4
#CD8EA0
#C492A5
#BB96AA
#B39AAF
#AA9DB4
#A1A1B9
#96A6BF
#CD88A6
#C28DAC
#B792B2
#AC96B9
#A19BBF
#96A0C5
#88A6CD
Colorpallet from #CDA688 to #A6CD88 and to #A688CD
#CDA688
#CDA688
#CDA688
#CDA688
#CDA688
#CDA688
#CDA688
#C7AC88
#C7AA8A
#C7A88C
#C7A78D
#C7A58F
#C7A391
#C7A193
#C1B288
#C1AE8C
#C1AB8F
#C1A793
#C1A496
#C1A09A
#C19C9E
#BAB988
#BAB48D
#BAAE93
#BAA998
#BAA49D
#BA9FA2
#BA98A9
#B4BF88
#B4B88F
#B4B196
#B4AA9D
#B4A3A4
#B49CAB
#B493B4
#AEC588
#AEBC91
#AEB39A
#AEABA2
#AEA2AB
#AE99B4
#AE8EBF
#A6CD88
#A6C293
#A6B79E
#A6ACA9
#A6A1B4
#A696BF
#A688CD
Colorpallet from #CDA688 to #A6CD88 and to #88CDA6
#CDA688
#CDA688
#CDA688
#CDA688
#CDA688
#CDA688
#CDA688
#C7AC88
#C6AC89
#C5AC8A
#C5AC8A
#C4AC8B
#C3AC8C
#C2AC8D
#C1B288
#BFB28A
#BEB28B
#BCB28D
#BBB28E
#B9B290
#B7B292
#BAB988
#B8B98A
#B6B98C
#B3B98F
#B1B991
#AFB993
#ACB996
#B4BF88
#B1BF8B
#AEBF8E
#ABBF91
#A8BF94
#A5BF97
#A1BF9B
#AEC588
#AAC58C
#A6C590
#A2C594
#9FC597
#9BC59B
#96C5A0
#A6CD88
#A1CD8D
#9CCD92
#98CD96
#93CD9B
#8ECDA0
#88CDA6
Colorpallet from #CDA688 to #A6CD88 and to #88A6CD
#CDA688
#CDA688
#CDA688
#CDA688
#CDA688
#CDA688
#CDA688
#C7AC88
#C6AB8A
#C5AA8C
#C5A98D
#C4A88F
#C3A791
#C2A693
#C1B288
#BFB08C
#BEAE8F
#BCAC93
#BBAA96
#B9A89A
#B7A69E
#BAB988
#B8B68D
#B6B393
#B3B098
#B1AD9D
#AFAAA2
#ACA6A9
#B4BF88
#B1BB8F
#AEB796
#ABB39D
#A8AFA4
#A5ABAB
#A1A6B4
#AEC588
#AAC091
#A6BB9A
#A2B6A2
#9FB1AB
#9BACB4
#96A6BF
#A6CD88
#A1C793
#9CC19E
#98BAA9
#93B4B4
#8EAEBF
#88A6CD
Colorpallet from #CDA688 to #A688CD and to #88CDA6
#CDA688
#CDA688
#CDA688
#CDA688
#CDA688
#CDA688
#CDA688
#C7A193
#C6A392
#C5A591
#C5A690
#C4A88F
#C3AA8E
#C2AC8D
#C19C9E
#BFA09C
#BEA39A
#BCA798
#BBAA96
#B9AE94
#B7B292
#BA98A9
#B89DA6
#B6A3A3
#B3A8A0
#B1AD9D
#AFB29A
#ACB996
#B493B4
#B19AB0
#AEA1AC
#ABA8A8
#A8AFA4
#A5B6A0
#A1BF9B
#AE8EBF
#AA97BA
#A6A0B5
#A2A8B0
#9FB1AB
#9BBAA6
#96C5A0
#A688CD
#A193C7
#9C9EC1
#98A9BA
#93B4B4
#8EBFAE
#88CDA6
Colorpallet from #CDA688 to #A688CD and to #88A6CD
#CDA688
#CDA688
#CDA688
#CDA688
#CDA688
#CDA688
#CDA688
#C7A193
#C6A293
#C5A393
#C5A393
#C4A493
#C3A593
#C2A693
#C19C9E
#BF9E9E
#BE9F9E
#BCA19E
#BBA29E
#B9A49E
#B7A69E
#BA98A9
#B89AA9
#B69CA9
#B39FA9
#B1A1A9
#AFA3A9
#ACA6A9
#B493B4
#B196B4
#AE99B4
#AB9CB4
#A89FB4
#A5A2B4
#A1A6B4
#AE8EBF
#AA92BF
#A696BF
#A29ABF
#9F9DBF
#9BA1BF
#96A6BF
#A688CD
#A18DCD
#9C92CD
#9896CD
#939BCD
#8EA0CD
#88A6CD
Colorpallet from #CDA688 to #88CDA6 and to #88A6CD
#CDA688
#CDA688
#CDA688
#CDA688
#CDA688
#CDA688
#CDA688
#C2AC8D
#C2AB8E
#C2AA8F
#C2A990
#C2A891
#C2A792
#C2A693
#B7B292
#B7B094
#B7AE96
#B7AC98
#B7AA9A
#B7A89C
#B7A69E
#ACB996
#ACB699
#ACB39C
#ACB09F
#ACADA2
#ACAAA5
#ACA6A9
#A1BF9B
#A1BB9F
#A1B7A3
#A1B3A7
#A1AFAB
#A1ABAF
#A1A6B4
#96C5A0
#96C0A5
#96BBAA
#96B6AF
#96B1B4
#96ACB9
#96A6BF
#88CDA6
#88C7AC
#88C1B2
#88BAB9
#88B4BF
#88AEC5
#88A6CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts