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 #C4CE8D to #C48DCE and to #CEC48D
#C4CE8D
#C4CE8D
#C4CE8D
#C4CE8D
#C4CE8D
#C4CE8D
#C4CE8D
#C4C497
#C4C595
#C5C794
#C5C892
#C5C991
#C6CA8F
#C6CC8D
#C4B9A2
#C4BC9F
#C5BF9B
#C5C298
#C6C595
#C6C791
#C7CB8D
#C4AFAC
#C5B3A7
#C6B7A2
#C6BB9D
#C7C098
#C8C493
#C9C98D
#C4A4B7
#C5AAB0
#C6B0AA
#C7B5A3
#C8BB9C
#C9C195
#CAC88D
#C49AC1
#C5A1B9
#C7A8B0
#C8AFA8
#C9B6A0
#CABD97
#CCC68D
#C48DCE
#C696C4
#C79FB9
#C9A7AF
#CAB0A4
#CCB99A
#CEC48D
Colorpallet from #C4CE8D to #C48DCE and to #CE8DC4
#C4CE8D
#C4CE8D
#C4CE8D
#C4CE8D
#C4CE8D
#C4CE8D
#C4CE8D
#C4C497
#C4C497
#C5C497
#C5C497
#C5C496
#C6C496
#C6C496
#C4B9A2
#C4B9A2
#C5B9A1
#C5B9A1
#C6B9A0
#C6B9A0
#C7B99F
#C4AFAC
#C5AFAB
#C6AFAA
#C6AFAA
#C7AFA9
#C8AFA8
#C9AFA7
#C4A4B7
#C5A4B6
#C6A4B5
#C7A4B4
#C8A4B3
#C9A4B1
#CAA4B0
#C49AC1
#C59AC0
#C79ABE
#C89ABD
#C99ABC
#CA9ABB
#CC9AB9
#C48DCE
#C68DCC
#C78DCB
#C98DC9
#CA8DC8
#CC8DC6
#CE8DC4
Colorpallet from #C4CE8D to #C48DCE and to #8DC4CE
#C4CE8D
#C4CE8D
#C4CE8D
#C4CE8D
#C4CE8D
#C4CE8D
#C4CE8D
#C4C497
#C3C597
#C1C797
#C0C897
#BEC997
#BDCA97
#BBCC97
#C4B9A2
#C1BCA2
#BEBFA2
#BBC2A2
#B8C5A2
#B6C7A2
#B2CBA2
#C4AFAC
#C0B3AC
#BCB7AC
#B8BBAC
#B3C0AC
#AFC4AC
#AAC9AC
#C4A4B7
#BEAAB7
#B9B0B7
#B3B5B7
#AEBBB7
#A8C1B7
#A1C8B7
#C49AC1
#BDA1C1
#B6A8C1
#AFAFC1
#A8B6C1
#A1BDC1
#98C6C1
#C48DCE
#BB96CE
#B29FCE
#AAA7CE
#A1B0CE
#98B9CE
#8DC4CE
Colorpallet from #C4CE8D to #C48DCE and to #8DCEC4
#C4CE8D
#C4CE8D
#C4CE8D
#C4CE8D
#C4CE8D
#C4CE8D
#C4CE8D
#C4C497
#C3C697
#C1C797
#C0C997
#BECA96
#BDCC96
#BBCE96
#C4B9A2
#C1BCA2
#BEC0A1
#BBC3A1
#B8C6A0
#B6CAA0
#B2CE9F
#C4AFAC
#C0B4AB
#BCB9AA
#B8BEAA
#B3C3A9
#AFC8A8
#AACEA7
#C4A4B7
#BEABB6
#B9B1B5
#B3B8B4
#AEBFB3
#A8C6B1
#A1CEB0
#C49AC1
#BDA2C0
#B6ABBE
#AFB3BD
#A8BBBC
#A1C4BB
#98CEB9
#C48DCE
#BB97CC
#B2A2CB
#AAACC9
#A1B7C8
#98C1C6
#8DCEC4
Colorpallet from #C4CE8D to #CEC48D and to #CE8DC4
#C4CE8D
#C4CE8D
#C4CE8D
#C4CE8D
#C4CE8D
#C4CE8D
#C4CE8D
#C6CC8D
#C6CB8E
#C6C990
#C6C891
#C6C793
#C6C694
#C6C496
#C7CB8D
#C7C890
#C7C593
#C7C296
#C7BF99
#C7BD9B
#C7B99F
#C9C98D
#C9C591
#C9C195
#C9BD99
#C9B89E
#C9B4A2
#C9AFA7
#CAC88D
#CAC293
#CABC98
#CAB79E
#CAB1A3
#CAABA9
#CAA4B0
#CCC68D
#CCBF94
#CCB89B
#CCB1A2
#CCAAA9
#CCA3B0
#CC9AB9
#CEC48D
#CEBB96
#CEB29F
#CEAAA7
#CEA1B0
#CE98B9
#CE8DC4
Colorpallet from #C4CE8D to #CEC48D and to #8DC4CE
#C4CE8D
#C4CE8D
#C4CE8D
#C4CE8D
#C4CE8D
#C4CE8D
#C4CE8D
#C6CC8D
#C4CC8F
#C2CC90
#C1CC92
#BFCC93
#BDCC95
#BBCC97
#C7CB8D
#C4CB90
#C0CB94
#BDCB97
#BACB9A
#B6CB9E
#B2CBA2
#C9C98D
#C4C992
#BFC997
#BAC99C
#B5C9A1
#B0C9A6
#AAC9AC
#CAC88D
#C3C894
#BDC89A
#B6C8A1
#B0C8A8
#A9C8AF
#A1C8B7
#CCC68D
#C4C695
#BBC69E
#B3C6A6
#ABC6AE
#A2C6B7
#98C6C1
#CEC48D
#C4C497
#B9C4A2
#AFC4AC
#A4C4B7
#9AC4C1
#8DC4CE
Colorpallet from #C4CE8D to #CEC48D and to #8DCEC4
#C4CE8D
#C4CE8D
#C4CE8D
#C4CE8D
#C4CE8D
#C4CE8D
#C4CE8D
#C6CC8D
#C4CC8E
#C2CD90
#C1CD91
#BFCD93
#BDCE94
#BBCE96
#C7CB8D
#C4CB90
#C0CC93
#BDCC96
#BACD99
#B6CD9B
#B2CE9F
#C9C98D
#C4CA91
#BFCB95
#BACB99
#B5CC9E
#B0CDA2
#AACEA7
#CAC88D
#C3C993
#BDCA98
#B6CB9E
#B0CCA3
#A9CDA9
#A1CEB0
#CCC68D
#C4C794
#BBC99B
#B3CAA2
#ABCBA9
#A2CCB0
#98CEB9
#CEC48D
#C4C696
#B9C79F
#AFC9A7
#A4CAB0
#9ACCB9
#8DCEC4
Colorpallet from #C4CE8D to #CE8DC4 and to #8DC4CE
#C4CE8D
#C4CE8D
#C4CE8D
#C4CE8D
#C4CE8D
#C4CE8D
#C4CE8D
#C6C496
#C4C596
#C2C796
#C1C896
#BFC997
#BDCA97
#BBCC97
#C7B99F
#C4BC9F
#C0BFA0
#BDC2A0
#BAC5A1
#B6C7A1
#B2CBA2
#C9AFA7
#C4B3A8
#BFB7A9
#BABBA9
#B5C0AA
#B0C4AB
#AAC9AC
#CAA4B0
#C3AAB1
#BDB0B2
#B6B5B3
#B0BBB4
#A9C1B6
#A1C8B7
#CC9AB9
#C4A1BA
#BBA8BC
#B3AFBD
#ABB6BE
#A2BDBF
#98C6C1
#CE8DC4
#C496C6
#B99FC7
#AFA7C9
#A4B0CA
#9AB9CC
#8DC4CE
Colorpallet from #C4CE8D to #CE8DC4 and to #8DCEC4
#C4CE8D
#C4CE8D
#C4CE8D
#C4CE8D
#C4CE8D
#C4CE8D
#C4CE8D
#C6C496
#C4C696
#C2C796
#C1C996
#BFCA96
#BDCC96
#BBCE96
#C7B99F
#C4BC9F
#C0C09F
#BDC39F
#BAC69F
#B6CA9F
#B2CE9F
#C9AFA7
#C4B4A7
#BFB9A7
#BABEA7
#B5C3A7
#B0C8A7
#AACEA7
#CAA4B0
#C3ABB0
#BDB1B0
#B6B8B0
#B0BFB0
#A9C6B0
#A1CEB0
#CC9AB9
#C4A2B9
#BBABB9
#B3B3B9
#ABBBB9
#A2C4B9
#98CEB9
#CE8DC4
#C497C4
#B9A2C4
#AFACC4
#A4B7C4
#9AC1C4
#8DCEC4
Colorpallet from #C4CE8D to #8DC4CE and to #8DCEC4
#C4CE8D
#C4CE8D
#C4CE8D
#C4CE8D
#C4CE8D
#C4CE8D
#C4CE8D
#BBCC97
#BBCC97
#BBCD97
#BBCD97
#BBCD96
#BBCE96
#BBCE96
#B2CBA2
#B2CBA2
#B2CCA1
#B2CCA1
#B2CDA0
#B2CDA0
#B2CE9F
#AAC9AC
#AACAAB
#AACBAA
#AACBAA
#AACCA9
#AACDA8
#AACEA7
#A1C8B7
#A1C9B6
#A1CAB5
#A1CBB4
#A1CCB3
#A1CDB1
#A1CEB0
#98C6C1
#98C7C0
#98C9BE
#98CABD
#98CBBC
#98CCBB
#98CEB9
#8DC4CE
#8DC6CC
#8DC7CB
#8DC9C9
#8DCAC8
#8DCCC6
#8DCEC4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
