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 #CCA697 to #CC97A6 and to #A6CC97
#CCA697
#CCA697
#CCA697
#CCA697
#CCA697
#CCA697
#CCA697
#CCA499
#CBA599
#CAA798
#C9A898
#C8A998
#C7AA97
#C6AC97
#CCA19C
#CAA49B
#C8A69A
#C6A99A
#C4AC99
#C2AF98
#C0B297
#CC9F9E
#C9A39D
#C6A79C
#C3AB9B
#C0AF9A
#BEB398
#BAB897
#CC9CA1
#C8A19F
#C4A79E
#C0AC9C
#BDB29B
#B9B799
#B4BE97
#CC9AA3
#C7A1A1
#C2A79F
#BEAE9D
#B9B59B
#B4BC99
#AEC497
#CC97A6
#C69FA4
#C0A8A1
#BAB09F
#B4B99C
#AEC19A
#A6CC97
Colorpallet from #CCA697 to #CC97A6 and to #A697CC
#CCA697
#CCA697
#CCA697
#CCA697
#CCA697
#CCA697
#CCA697
#CCA499
#CBA49A
#CAA49B
#C9A49C
#C8A49D
#C7A49E
#C6A49F
#CCA19C
#CAA19E
#C8A1A0
#C6A1A2
#C4A1A4
#C2A1A6
#C0A1A8
#CC9F9E
#C99FA1
#C69FA4
#C39FA7
#C09FAA
#BE9FAC
#BA9FB0
#CC9CA1
#C89CA5
#C49CA9
#C09CAD
#BD9CB0
#B99CB4
#B49CB9
#CC9AA3
#C79AA8
#C29AAD
#BE9AB1
#B99AB6
#B49ABB
#AE9AC1
#CC97A6
#C697AC
#C097B2
#BA97B8
#B497BE
#AE97C4
#A697CC
Colorpallet from #CCA697 to #CC97A6 and to #97CCA6
#CCA697
#CCA697
#CCA697
#CCA697
#CCA697
#CCA697
#CCA697
#CCA499
#CBA599
#C9A799
#C8A899
#C7A999
#C6AA99
#C4AC99
#CCA19C
#C9A49C
#C7A69C
#C4A99C
#C1AC9C
#BEAF9C
#BBB29C
#CC9F9E
#C8A39E
#C4A79E
#C0AB9E
#BCAF9E
#B8B39E
#B3B89E
#CC9CA1
#C7A1A1
#C1A7A1
#BCACA1
#B6B2A1
#B1B7A1
#AABEA1
#CC9AA3
#C5A1A3
#BFA7A3
#B8AEA3
#B1B5A3
#AABCA3
#A2C4A3
#CC97A6
#C49FA6
#BBA8A6
#B3B0A6
#AAB9A6
#A2C1A6
#97CCA6
Colorpallet from #CCA697 to #CC97A6 and to #97A6CC
#CCA697
#CCA697
#CCA697
#CCA697
#CCA697
#CCA697
#CCA697
#CCA499
#CBA49A
#C9A59B
#C8A59C
#C7A59D
#C6A69E
#C4A69F
#CCA19C
#C9A29E
#C7A3A0
#C4A3A2
#C1A4A4
#BEA5A6
#BBA6A8
#CC9F9E
#C8A0A1
#C4A1A4
#C0A2A7
#BCA3AA
#B8A5AC
#B3A6B0
#CC9CA1
#C79EA5
#C19FA9
#BCA1AD
#B6A2B0
#B1A4B4
#AAA6B9
#CC9AA3
#C59CA8
#BF9EAD
#B8A0B1
#B1A2B6
#AAA4BB
#A2A6C1
#CC97A6
#C499AC
#BB9CB2
#B39EB8
#AAA1BE
#A2A3C4
#97A6CC
Colorpallet from #CCA697 to #A6CC97 and to #A697CC
#CCA697
#CCA697
#CCA697
#CCA697
#CCA697
#CCA697
#CCA697
#C6AC97
#C6AB98
#C6A99A
#C6A89B
#C6A79C
#C6A69D
#C6A49F
#C0B297
#C0AF9A
#C0AD9C
#C0AA9F
#C0A7A2
#C0A4A5
#C0A1A8
#BAB897
#BAB49B
#BAB09F
#BAACA3
#BAA8A7
#BAA4AB
#BA9FB0
#B4BE97
#B4B99C
#B4B3A2
#B4AEA7
#B4A8AD
#B4A3B2
#B49CB9
#AEC497
#AEBD9E
#AEB7A4
#AEB0AB
#AEA9B2
#AEA2B9
#AE9AC1
#A6CC97
#A6C49F
#A6BBA8
#A6B3B0
#A6AAB9
#A6A2C1
#A697CC
Colorpallet from #CCA697 to #A6CC97 and to #97CCA6
#CCA697
#CCA697
#CCA697
#CCA697
#CCA697
#CCA697
#CCA697
#C6AC97
#C6AC97
#C5AC98
#C5AC98
#C5AC98
#C4AC99
#C4AC99
#C0B297
#BFB298
#BEB299
#BEB299
#BDB29A
#BCB29B
#BBB29C
#BAB897
#B9B898
#B8B899
#B7B89A
#B6B89B
#B4B89D
#B3B89E
#B4BE97
#B2BE99
#B1BE9A
#AFBE9C
#AEBE9D
#ACBE9F
#AABEA1
#AEC497
#ACC499
#AAC49B
#A8C49D
#A6C49F
#A4C4A1
#A2C4A3
#A6CC97
#A4CC99
#A1CC9C
#9FCC9E
#9CCCA1
#9ACCA3
#97CCA6
Colorpallet from #CCA697 to #A6CC97 and to #97A6CC
#CCA697
#CCA697
#CCA697
#CCA697
#CCA697
#CCA697
#CCA697
#C6AC97
#C6AB98
#C5AA9A
#C5A99B
#C5A89C
#C4A79D
#C4A69F
#C0B297
#BFB09A
#BEAE9C
#BEAC9F
#BDAAA2
#BCA8A5
#BBA6A8
#BAB897
#B9B59B
#B8B29F
#B7AFA3
#B6ACA7
#B4AAAB
#B3A6B0
#B4BE97
#B2BA9C
#B1B6A2
#AFB2A7
#AEAFAD
#ACABB2
#AAA6B9
#AEC497
#ACBF9E
#AABAA4
#A8B6AB
#A6B1B2
#A4ACB9
#A2A6C1
#A6CC97
#A4C69F
#A1C0A8
#9FBAB0
#9CB4B9
#9AAEC1
#97A6CC
Colorpallet from #CCA697 to #A697CC and to #97CCA6
#CCA697
#CCA697
#CCA697
#CCA697
#CCA697
#CCA697
#CCA697
#C6A49F
#C6A59E
#C5A79D
#C5A89C
#C5A99B
#C4AA9A
#C4AC99
#C0A1A8
#BFA4A6
#BEA6A4
#BEA9A2
#BDACA0
#BCAF9E
#BBB29C
#BA9FB0
#B9A3AD
#B8A7AA
#B7ABA7
#B6AFA4
#B4B3A2
#B3B89E
#B49CB9
#B2A1B5
#B1A7B1
#AFACAD
#AEB2AA
#ACB7A6
#AABEA1
#AE9AC1
#ACA1BC
#AAA7B7
#A8AEB3
#A6B5AE
#A4BCA9
#A2C4A3
#A697CC
#A49FC6
#A1A8C0
#9FB0BA
#9CB9B4
#9AC1AE
#97CCA6
Colorpallet from #CCA697 to #A697CC and to #97A6CC
#CCA697
#CCA697
#CCA697
#CCA697
#CCA697
#CCA697
#CCA697
#C6A49F
#C6A49F
#C5A59F
#C5A59F
#C5A59F
#C4A69F
#C4A69F
#C0A1A8
#BFA2A8
#BEA3A8
#BEA3A8
#BDA4A8
#BCA5A8
#BBA6A8
#BA9FB0
#B9A0B0
#B8A1B0
#B7A2B0
#B6A3B0
#B4A5B0
#B3A6B0
#B49CB9
#B29EB9
#B19FB9
#AFA1B9
#AEA2B9
#ACA4B9
#AAA6B9
#AE9AC1
#AC9CC1
#AA9EC1
#A8A0C1
#A6A2C1
#A4A4C1
#A2A6C1
#A697CC
#A499CC
#A19CCC
#9F9ECC
#9CA1CC
#9AA3CC
#97A6CC
Colorpallet from #CCA697 to #97CCA6 and to #97A6CC
#CCA697
#CCA697
#CCA697
#CCA697
#CCA697
#CCA697
#CCA697
#C4AC99
#C4AB9A
#C4AA9B
#C4A99C
#C4A89D
#C4A79E
#C4A69F
#BBB29C
#BBB09E
#BBAEA0
#BBACA2
#BBAAA4
#BBA8A6
#BBA6A8
#B3B89E
#B3B5A1
#B3B2A4
#B3AFA7
#B3ACAA
#B3AAAC
#B3A6B0
#AABEA1
#AABAA5
#AAB6A9
#AAB2AD
#AAAFB0
#AAABB4
#AAA6B9
#A2C4A3
#A2BFA8
#A2BAAD
#A2B6B1
#A2B1B6
#A2ACBB
#A2A6C1
#97CCA6
#97C6AC
#97C0B2
#97BAB8
#97B4BE
#97AEC4
#97A6CC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
