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 #C9B986 to #C986B9 and to #B9C986
#C9B986
#C9B986
#C9B986
#C9B986
#C9B986
#C9B986
#C9B986
#C9B18E
#C9B38D
#C8B58B
#C8B68A
#C7B889
#C7BA88
#C6BC86
#C9A996
#C8AC93
#C7B091
#C7B38E
#C6B68C
#C5BA89
#C4BE86
#C9A19E
#C8A69A
#C6AB96
#C5B092
#C4B58F
#C3BB8B
#C1C186
#C998A7
#C79FA2
#C6A69C
#C4AD97
#C3B492
#C1BA8D
#BFC386
#C990AF
#C799A8
#C5A1A2
#C3AA9B
#C1B395
#BFBB8E
#BCC686
#C986B9
#C691B1
#C49BA9
#C1A6A1
#BFB198
#BCBC90
#B9C986
Colorpallet from #C9B986 to #C986B9 and to #B986C9
#C9B986
#C9B986
#C9B986
#C9B986
#C9B986
#C9B986
#C9B986
#C9B18E
#C9B18E
#C8B18F
#C8B18F
#C7B190
#C7B190
#C6B191
#C9A996
#C8A997
#C7A998
#C7A998
#C6A999
#C5A99A
#C4A99B
#C9A19E
#C8A19F
#C6A1A1
#C5A1A2
#C4A1A3
#C3A1A4
#C1A1A6
#C998A7
#C798A9
#C698AA
#C498AC
#C398AD
#C198AF
#BF98B1
#C990AF
#C790B1
#C590B3
#C390B5
#C190B7
#BF90B9
#BC90BC
#C986B9
#C686BC
#C486BE
#C186C1
#BF86C3
#BC86C6
#B986C9
Colorpallet from #C9B986 to #C986B9 and to #86C9B9
#C9B986
#C9B986
#C9B986
#C9B986
#C9B986
#C9B986
#C9B986
#C9B18E
#C7B38E
#C5B58E
#C4B68E
#C2B88E
#C0BA8E
#BEBC8E
#C9A996
#C6AC96
#C2B096
#BFB396
#BCB696
#B8BA96
#B4BE96
#C9A19E
#C4A69E
#BFAB9E
#BAB09E
#B5B59E
#AFBB9E
#A9C19E
#C998A7
#C29FA7
#BBA6A7
#B4ADA7
#ADB4A7
#A7BAA7
#9EC3A7
#C990AF
#C099AF
#B8A1AF
#AFAAAF
#A6B3AF
#9EBBAF
#93C6AF
#C986B9
#BE91B9
#B49BB9
#A9A6B9
#9EB1B9
#93BCB9
#86C9B9
Colorpallet from #C9B986 to #C986B9 and to #86B9C9
#C9B986
#C9B986
#C9B986
#C9B986
#C9B986
#C9B986
#C9B986
#C9B18E
#C7B28E
#C5B48F
#C4B58F
#C2B690
#C0B790
#BEB991
#C9A996
#C6AC97
#C2AE98
#BFB198
#BCB399
#B8B69A
#B4B99B
#C9A19E
#C4A59F
#BFA9A1
#BAADA2
#B5B0A3
#AFB4A4
#A9B9A6
#C998A7
#C29DA9
#BBA3AA
#B4A8AC
#ADADAD
#A7B2AF
#9EB9B1
#C990AF
#C097B1
#B89DB3
#AFA4B5
#A6AAB7
#9EB1B9
#93B9BC
#C986B9
#BE8EBC
#B496BE
#A99EC1
#9EA7C3
#93AFC6
#86B9C9
Colorpallet from #C9B986 to #B9C986 and to #B986C9
#C9B986
#C9B986
#C9B986
#C9B986
#C9B986
#C9B986
#C9B986
#C6BC86
#C6BA88
#C6B88A
#C6B78B
#C6B58D
#C6B38F
#C6B191
#C4BE86
#C4BB89
#C4B78D
#C4B490
#C4B193
#C4AD97
#C4A99B
#C1C186
#C1BC8B
#C1B790
#C1B295
#C1AD9A
#C1A7A0
#C1A1A6
#BFC386
#BFBC8D
#BFB594
#BFAE9B
#BFA7A2
#BFA1A8
#BF98B1
#BCC686
#BCBD8F
#BCB597
#BCACA0
#BCA3A9
#BC9BB1
#BC90BC
#B9C986
#B9BE91
#B9B49B
#B9A9A6
#B99EB1
#B993BC
#B986C9
Colorpallet from #C9B986 to #B9C986 and to #86C9B9
#C9B986
#C9B986
#C9B986
#C9B986
#C9B986
#C9B986
#C9B986
#C6BC86
#C5BC87
#C3BC89
#C2BC8A
#C1BC8B
#C0BC8C
#BEBC8E
#C4BE86
#C1BE89
#BFBE8B
#BCBE8E
#BABE90
#B7BE93
#B4BE96
#C1C186
#BDC18A
#B9C18E
#B5C192
#B2C195
#AEC199
#A9C19E
#BFC386
#BAC38B
#B4C391
#AFC396
#AAC39B
#A5C3A0
#9EC3A7
#BCC686
#B5C68D
#AFC693
#A8C69A
#A2C6A0
#9BC6A7
#93C6AF
#B9C986
#B1C98E
#A9C996
#A1C99E
#98C9A7
#90C9AF
#86C9B9
Colorpallet from #C9B986 to #B9C986 and to #86B9C9
#C9B986
#C9B986
#C9B986
#C9B986
#C9B986
#C9B986
#C9B986
#C6BC86
#C5BC88
#C3BB8A
#C2BB8B
#C1BA8D
#C0BA8F
#BEB991
#C4BE86
#C1BD89
#BFBC8D
#BCBC90
#BABB93
#B7BA97
#B4B99B
#C1C186
#BDC08B
#B9BE90
#B5BD95
#B2BC9A
#AEBBA0
#A9B9A6
#BFC386
#BAC18D
#B4C094
#AFBE9B
#AABDA2
#A5BBA8
#9EB9B1
#BCC686
#B5C48F
#AFC297
#A8C0A0
#A2BEA9
#9BBCB1
#93B9BC
#B9C986
#B1C691
#A9C49B
#A1C1A6
#98BFB1
#90BCBC
#86B9C9
Colorpallet from #C9B986 to #B986C9 and to #86C9B9
#C9B986
#C9B986
#C9B986
#C9B986
#C9B986
#C9B986
#C9B986
#C6B191
#C5B391
#C3B590
#C2B690
#C1B88F
#C0BA8F
#BEBC8E
#C4A99B
#C1AC9A
#BFB099
#BCB399
#BAB698
#B7BA97
#B4BE96
#C1A1A6
#BDA6A5
#B9ABA3
#B5B0A2
#B2B5A1
#AEBBA0
#A9C19E
#BF98B1
#BA9FAF
#B4A6AE
#AFADAC
#AAB4AB
#A5BAA9
#9EC3A7
#BC90BC
#B599BA
#AFA1B8
#A8AAB6
#A2B3B4
#9BBBB2
#93C6AF
#B986C9
#B191C6
#A99BC4
#A1A6C1
#98B1BF
#90BCBC
#86C9B9
Colorpallet from #C9B986 to #B986C9 and to #86B9C9
#C9B986
#C9B986
#C9B986
#C9B986
#C9B986
#C9B986
#C9B986
#C6B191
#C5B291
#C3B491
#C2B591
#C1B691
#C0B791
#BEB991
#C4A99B
#C1AC9B
#BFAE9B
#BCB19B
#BAB39B
#B7B69B
#B4B99B
#C1A1A6
#BDA5A6
#B9A9A6
#B5ADA6
#B2B0A6
#AEB4A6
#A9B9A6
#BF98B1
#BA9DB1
#B4A3B1
#AFA8B1
#AAADB1
#A5B2B1
#9EB9B1
#BC90BC
#B597BC
#AF9DBC
#A8A4BC
#A2AABC
#9BB1BC
#93B9BC
#B986C9
#B18EC9
#A996C9
#A19EC9
#98A7C9
#90AFC9
#86B9C9
Colorpallet from #C9B986 to #86C9B9 and to #86B9C9
#C9B986
#C9B986
#C9B986
#C9B986
#C9B986
#C9B986
#C9B986
#BEBC8E
#BEBC8E
#BEBB8F
#BEBB8F
#BEBA90
#BEBA90
#BEB991
#B4BE96
#B4BD97
#B4BC98
#B4BC98
#B4BB99
#B4BA9A
#B4B99B
#A9C19E
#A9C09F
#A9BEA1
#A9BDA2
#A9BCA3
#A9BBA4
#A9B9A6
#9EC3A7
#9EC1A9
#9EC0AA
#9EBEAC
#9EBDAD
#9EBBAF
#9EB9B1
#93C6AF
#93C4B1
#93C2B3
#93C0B5
#93BEB7
#93BCB9
#93B9BC
#86C9B9
#86C6BC
#86C4BE
#86C1C1
#86BFC3
#86BCC6
#86B9C9
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
