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 #CDD897 to #CD97D8 and to #D8CD97
#CDD897
#CDD897
#CDD897
#CDD897
#CDD897
#CDD897
#CDD897
#CDCEA1
#CDCF9F
#CED19E
#CED29C
#CED39B
#CFD499
#CFD697
#CDC3AC
#CEC6A9
#CEC8A5
#CFCBA2
#D0CE9F
#D0D19B
#D1D497
#CDB9B6
#CEBDB1
#CFC1AC
#CFC5A7
#D0CAA2
#D1CE9D
#D2D397
#CDAEC1
#CEB4BA
#CFB9B4
#D0BFAD
#D1C4A6
#D3CA9F
#D4D197
#CDA4CB
#CEABC3
#D0B2BA
#D1B9B2
#D3C0AA
#D4C6A1
#D6CF97
#CD97D8
#CFA0CE
#D1A8C3
#D2B1B9
#D4BAAE
#D6C2A4
#D8CD97
Colorpallet from #CDD897 to #CD97D8 and to #D897CD
#CDD897
#CDD897
#CDD897
#CDD897
#CDD897
#CDD897
#CDD897
#CDCEA1
#CDCEA1
#CECEA1
#CECEA1
#CECEA0
#CFCEA0
#CFCEA0
#CDC3AC
#CEC3AB
#CEC3AB
#CFC3AA
#D0C3A9
#D0C3A9
#D1C3A8
#CDB9B6
#CEB9B5
#CFB9B4
#CFB9B4
#D0B9B3
#D1B9B2
#D2B9B1
#CDAEC1
#CEAEC0
#CFAEBF
#D0AEBE
#D1AEBD
#D3AEBB
#D4AEBA
#CDA4CB
#CEA4CA
#D0A4C8
#D1A4C7
#D3A4C5
#D4A4C4
#D6A4C2
#CD97D8
#CF97D6
#D197D4
#D297D3
#D497D1
#D697CF
#D897CD
Colorpallet from #CDD897 to #CD97D8 and to #97CDD8
#CDD897
#CDD897
#CDD897
#CDD897
#CDD897
#CDD897
#CDD897
#CDCEA1
#CCCFA1
#CAD1A1
#C9D2A1
#C7D3A1
#C6D4A1
#C4D6A1
#CDC3AC
#CAC6AC
#C8C8AC
#C5CBAC
#C2CEAC
#BFD1AC
#BCD4AC
#CDB9B6
#C9BDB6
#C5C1B6
#C1C5B6
#BCCAB6
#B8CEB6
#B3D3B6
#CDAEC1
#C7B4C1
#C2B9C1
#BCBFC1
#B7C4C1
#B1CAC1
#AAD1C1
#CDA4CB
#C6ABCB
#BFB2CB
#B8B9CB
#B1C0CB
#ABC6CB
#A2CFCB
#CD97D8
#C4A0D8
#BCA8D8
#B3B1D8
#AABAD8
#A2C2D8
#97CDD8
Colorpallet from #CDD897 to #CD97D8 and to #97D8CD
#CDD897
#CDD897
#CDD897
#CDD897
#CDD897
#CDD897
#CDD897
#CDCEA1
#CCD0A1
#CAD1A1
#C9D3A1
#C7D4A0
#C6D6A0
#C4D8A0
#CDC3AC
#CAC6AB
#C8CAAB
#C5CDAA
#C2D0A9
#BFD4A9
#BCD8A8
#CDB9B6
#C9BEB5
#C5C3B4
#C1C8B4
#BCCDB3
#B8D2B2
#B3D8B1
#CDAEC1
#C7B5C0
#C2BBBF
#BCC2BE
#B7C9BD
#B1D0BB
#AAD8BA
#CDA4CB
#C6ACCA
#BFB5C8
#B8BDC7
#B1C5C5
#ABCEC4
#A2D8C2
#CD97D8
#C4A1D6
#BCACD4
#B3B6D3
#AAC1D1
#A2CBCF
#97D8CD
Colorpallet from #CDD897 to #D8CD97 and to #D897CD
#CDD897
#CDD897
#CDD897
#CDD897
#CDD897
#CDD897
#CDD897
#CFD697
#CFD598
#CFD39A
#CFD29B
#CFD19D
#CFD09E
#CFCEA0
#D1D497
#D1D19A
#D1CF9C
#D1CC9F
#D1C9A2
#D1C6A5
#D1C3A8
#D2D397
#D2CF9B
#D2CB9F
#D2C7A3
#D2C2A8
#D2BEAC
#D2B9B1
#D4D197
#D4CB9D
#D4C6A2
#D4C0A8
#D4BBAD
#D4B5B3
#D4AEBA
#D6CF97
#D6C89E
#D6C1A5
#D6BAAC
#D6B3B3
#D6ADB9
#D6A4C2
#D8CD97
#D8C4A0
#D8BCA8
#D8B3B1
#D8AABA
#D8A2C2
#D897CD
Colorpallet from #CDD897 to #D8CD97 and to #97CDD8
#CDD897
#CDD897
#CDD897
#CDD897
#CDD897
#CDD897
#CDD897
#CFD697
#CDD699
#CBD69A
#CAD69C
#C8D69D
#C6D69F
#C4D6A1
#D1D497
#CED49A
#CAD49E
#C7D4A1
#C4D4A4
#C0D4A8
#BCD4AC
#D2D397
#CDD39C
#C8D3A1
#C3D3A6
#BED3AB
#B9D3B0
#B3D3B6
#D4D197
#CDD19E
#C7D1A4
#C0D1AB
#B9D1B2
#B2D1B9
#AAD1C1
#D6CF97
#CECF9F
#C5CFA8
#BDCFB0
#B5CFB8
#ACCFC1
#A2CFCB
#D8CD97
#CECDA1
#C3CDAC
#B9CDB6
#AECDC1
#A4CDCB
#97CDD8
Colorpallet from #CDD897 to #D8CD97 and to #97D8CD
#CDD897
#CDD897
#CDD897
#CDD897
#CDD897
#CDD897
#CDD897
#CFD697
#CDD698
#CBD79A
#CAD79B
#C8D79D
#C6D89E
#C4D8A0
#D1D497
#CED59A
#CAD59C
#C7D69F
#C4D7A2
#C0D7A5
#BCD8A8
#D2D397
#CDD49B
#C8D59F
#C3D5A3
#BED6A8
#B9D7AC
#B3D8B1
#D4D197
#CDD29D
#C7D3A2
#C0D4A8
#B9D5AD
#B2D7B3
#AAD8BA
#D6CF97
#CED09E
#C5D2A5
#BDD3AC
#B5D5B3
#ACD6B9
#A2D8C2
#D8CD97
#CECFA0
#C3D1A8
#B9D2B1
#AED4BA
#A4D6C2
#97D8CD
Colorpallet from #CDD897 to #D897CD and to #97CDD8
#CDD897
#CDD897
#CDD897
#CDD897
#CDD897
#CDD897
#CDD897
#CFCEA0
#CDCFA0
#CBD1A0
#CAD2A0
#C8D3A1
#C6D4A1
#C4D6A1
#D1C3A8
#CEC6A9
#CAC8A9
#C7CBAA
#C4CEAB
#C0D1AB
#BCD4AC
#D2B9B1
#CDBDB2
#C8C1B3
#C3C5B3
#BECAB4
#B9CEB5
#B3D3B6
#D4AEBA
#CDB4BB
#C7B9BC
#C0BFBD
#B9C4BE
#B2CAC0
#AAD1C1
#D6A4C2
#CEABC3
#C5B2C5
#BDB9C6
#B5C0C8
#ACC6C9
#A2CFCB
#D897CD
#CEA0CF
#C3A8D1
#B9B1D2
#AEBAD4
#A4C2D6
#97CDD8
Colorpallet from #CDD897 to #D897CD and to #97D8CD
#CDD897
#CDD897
#CDD897
#CDD897
#CDD897
#CDD897
#CDD897
#CFCEA0
#CDD0A0
#CBD1A0
#CAD3A0
#C8D4A0
#C6D6A0
#C4D8A0
#D1C3A8
#CEC6A8
#CACAA8
#C7CDA8
#C4D0A8
#C0D4A8
#BCD8A8
#D2B9B1
#CDBEB1
#C8C3B1
#C3C8B1
#BECDB1
#B9D2B1
#B3D8B1
#D4AEBA
#CDB5BA
#C7BBBA
#C0C2BA
#B9C9BA
#B2D0BA
#AAD8BA
#D6A4C2
#CEACC2
#C5B5C2
#BDBDC2
#B5C5C2
#ACCEC2
#A2D8C2
#D897CD
#CEA1CD
#C3ACCD
#B9B6CD
#AEC1CD
#A4CBCD
#97D8CD
Colorpallet from #CDD897 to #97CDD8 and to #97D8CD
#CDD897
#CDD897
#CDD897
#CDD897
#CDD897
#CDD897
#CDD897
#C4D6A1
#C4D6A1
#C4D7A1
#C4D7A1
#C4D7A0
#C4D8A0
#C4D8A0
#BCD4AC
#BCD5AB
#BCD5AB
#BCD6AA
#BCD7A9
#BCD7A9
#BCD8A8
#B3D3B6
#B3D4B5
#B3D5B4
#B3D5B4
#B3D6B3
#B3D7B2
#B3D8B1
#AAD1C1
#AAD2C0
#AAD3BF
#AAD4BE
#AAD5BD
#AAD7BB
#AAD8BA
#A2CFCB
#A2D0CA
#A2D2C8
#A2D3C7
#A2D5C5
#A2D6C4
#A2D8C2
#97CDD8
#97CFD6
#97D1D4
#97D2D3
#97D4D1
#97D6CF
#97D8CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts