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 #C696B1 to #C6B196 and to #96C6B1
#C696B1
#C696B1
#C696B1
#C696B1
#C696B1
#C696B1
#C696B1
#C69AAD
#C59BAE
#C39BAE
#C29CAF
#C19DB0
#C09DB0
#BE9EB1
#C69FA8
#C4A0A9
#C1A1AB
#BFA2AC
#BCA3AE
#BAA4AF
#B7A5B1
#C6A3A4
#C2A5A6
#BFA6A8
#BBA8AA
#B7A9AC
#B4ABAE
#AFADB1
#C6A7A0
#C1A9A3
#BCABA5
#B7AEA8
#B2B0AB
#ADB2AE
#A7B5B1
#C6AC9B
#C0AF9F
#BAB1A2
#B4B4A6
#AEB6A9
#A8B9AD
#A0BCB1
#C6B196
#BEB49A
#B7B89F
#AFBBA3
#A7BEA7
#A0C2AC
#96C6B1
Colorpallet from #C696B1 to #C6B196 and to #96B1C6
#C696B1
#C696B1
#C696B1
#C696B1
#C696B1
#C696B1
#C696B1
#C69AAD
#C59AAE
#C39AAF
#C29AB0
#C19AB1
#C09AB3
#BE9AB4
#C69FA8
#C49FAB
#C19FAD
#BF9FB0
#BC9FB2
#BA9FB5
#B79FB8
#C6A3A4
#C2A3A8
#BFA3AB
#BBA3AF
#B7A3B3
#B4A3B6
#AFA3BB
#C6A7A0
#C1A7A5
#BCA7AA
#B7A7AE
#B2A7B3
#ADA7B8
#A7A7BE
#C6AC9B
#C0ACA1
#BAACA7
#B4ACAE
#AEACB4
#A8ACBA
#A0ACC2
#C6B196
#BEB19E
#B7B1A5
#AFB1AD
#A7B1B5
#A0B1BC
#96B1C6
Colorpallet from #C696B1 to #C6B196 and to #B1C696
#C696B1
#C696B1
#C696B1
#C696B1
#C696B1
#C696B1
#C696B1
#C69AAD
#C69BAD
#C59BAD
#C59CAD
#C49DAD
#C49DAD
#C39EAD
#C69FA8
#C5A0A8
#C4A1A8
#C3A2A8
#C2A3A8
#C0A4A8
#BFA5A8
#C6A3A4
#C4A5A4
#C3A6A4
#C1A8A4
#C0A9A4
#BEABA4
#BCADA4
#C6A7A0
#C4A9A0
#C2ABA0
#C0AEA0
#BEB0A0
#BCB2A0
#B9B5A0
#C6AC9B
#C3AF9B
#C1B19B
#BEB49B
#BBB69B
#B8B99B
#B5BC9B
#C6B196
#C3B496
#BFB896
#BCBB96
#B9BE96
#B5C296
#B1C696
Colorpallet from #C696B1 to #C6B196 and to #B196C6
#C696B1
#C696B1
#C696B1
#C696B1
#C696B1
#C696B1
#C696B1
#C69AAD
#C699AE
#C599AF
#C598B0
#C497B1
#C497B3
#C396B4
#C69FA8
#C59EAB
#C49CAD
#C39BB0
#C299B2
#C098B5
#BF96B8
#C6A3A4
#C4A1A8
#C39FAB
#C19DAF
#C09BB3
#BE99B6
#BC96BB
#C6A7A0
#C4A4A5
#C2A2AA
#C09FAE
#BE9CB3
#BC99B8
#B996BE
#C6AC9B
#C3A8A1
#C1A5A7
#BEA1AE
#BB9EB4
#B89ABA
#B596C2
#C6B196
#C3AD9E
#BFA8A5
#BCA4AD
#B9A0B5
#B59BBC
#B196C6
Colorpallet from #C696B1 to #96C6B1 and to #96B1C6
#C696B1
#C696B1
#C696B1
#C696B1
#C696B1
#C696B1
#C696B1
#BE9EB1
#BE9DB1
#BE9DB2
#BE9CB2
#BE9BB3
#BE9BB3
#BE9AB4
#B7A5B1
#B7A4B2
#B7A3B3
#B7A2B4
#B7A1B5
#B7A0B7
#B79FB8
#AFADB1
#AFABB3
#AFAAB4
#AFA8B6
#AFA7B7
#AFA5B9
#AFA3BB
#A7B5B1
#A7B3B3
#A7B1B5
#A7AEB7
#A7ACB9
#A7AABB
#A7A7BE
#A0BCB1
#A0B9B4
#A0B7B6
#A0B4B9
#A0B2BC
#A0AFBF
#A0ACC2
#96C6B1
#96C3B4
#96BFB8
#96BCBB
#96B9BE
#96B5C2
#96B1C6
Colorpallet from #C696B1 to #96C6B1 and to #B1C696
#C696B1
#C696B1
#C696B1
#C696B1
#C696B1
#C696B1
#C696B1
#BE9EB1
#BF9EB0
#C09EB0
#C09EAF
#C19EAE
#C29EAE
#C39EAD
#B7A5B1
#B8A5B0
#BAA5AE
#BBA5AD
#BCA5AB
#BDA5AA
#BFA5A8
#AFADB1
#B1ADAF
#B3ADAD
#B5ADAB
#B7ADA9
#B9ADA7
#BCADA4
#A7B5B1
#AAB5AE
#ADB5AC
#B0B5A9
#B3B5A6
#B5B5A3
#B9B5A0
#A0BCB1
#A3BCAD
#A7BCAA
#AABCA6
#ADBCA3
#B1BC9F
#B5BC9B
#96C6B1
#9AC6AD
#9FC6A8
#A3C6A4
#A7C6A0
#ACC69B
#B1C696
Colorpallet from #C696B1 to #96C6B1 and to #B196C6
#C696B1
#C696B1
#C696B1
#C696B1
#C696B1
#C696B1
#C696B1
#BE9EB1
#BF9DB1
#C09BB2
#C09AB2
#C199B3
#C298B3
#C396B4
#B7A5B1
#B8A3B2
#BAA0B3
#BB9EB4
#BC9BB5
#BD99B7
#BF96B8
#AFADB1
#B1A9B3
#B3A6B4
#B5A2B6
#B79EB7
#B99BB9
#BC96BB
#A7B5B1
#AAB0B3
#ADABB5
#B0A6B7
#B3A1B9
#B59CBB
#B996BE
#A0BCB1
#A3B6B4
#A7B0B6
#AAAAB9
#ADA4BC
#B19EBF
#B596C2
#96C6B1
#9ABEB4
#9FB7B8
#A3AFBB
#A7A7BE
#ACA0C2
#B196C6
Colorpallet from #C696B1 to #96B1C6 and to #B1C696
#C696B1
#C696B1
#C696B1
#C696B1
#C696B1
#C696B1
#C696B1
#BE9AB4
#BF9BB3
#C09BB2
#C09CB1
#C19DB0
#C29DAE
#C39EAD
#B79FB8
#B8A0B5
#BAA1B3
#BBA2B0
#BCA3AE
#BDA4AB
#BFA5A8
#AFA3BB
#B1A5B7
#B3A6B4
#B5A8B0
#B7A9AC
#B9ABA9
#BCADA4
#A7A7BE
#AAA9B9
#ADABB4
#B0AEB0
#B3B0AB
#B5B2A6
#B9B5A0
#A0ACC2
#A3AFBC
#A7B1B6
#AAB4AF
#ADB6A9
#B1B9A3
#B5BC9B
#96B1C6
#9AB4BE
#9FB8B7
#A3BBAF
#A7BEA7
#ACC2A0
#B1C696
Colorpallet from #C696B1 to #96B1C6 and to #B196C6
#C696B1
#C696B1
#C696B1
#C696B1
#C696B1
#C696B1
#C696B1
#BE9AB4
#BF99B4
#C099B4
#C098B4
#C197B4
#C297B4
#C396B4
#B79FB8
#B89EB8
#BA9CB8
#BB9BB8
#BC99B8
#BD98B8
#BF96B8
#AFA3BB
#B1A1BB
#B39FBB
#B59DBB
#B79BBB
#B999BB
#BC96BB
#A7A7BE
#AAA4BE
#ADA2BE
#B09FBE
#B39CBE
#B599BE
#B996BE
#A0ACC2
#A3A8C2
#A7A5C2
#AAA1C2
#AD9EC2
#B19AC2
#B596C2
#96B1C6
#9AADC6
#9FA8C6
#A3A4C6
#A7A0C6
#AC9BC6
#B196C6
Colorpallet from #C696B1 to #B1C696 and to #B196C6
#C696B1
#C696B1
#C696B1
#C696B1
#C696B1
#C696B1
#C696B1
#C39EAD
#C39DAE
#C39BAF
#C39AB0
#C399B1
#C398B3
#C396B4
#BFA5A8
#BFA3AB
#BFA0AD
#BF9EB0
#BF9BB2
#BF99B5
#BF96B8
#BCADA4
#BCA9A8
#BCA6AB
#BCA2AF
#BC9EB3
#BC9BB6
#BC96BB
#B9B5A0
#B9B0A5
#B9ABAA
#B9A6AE
#B9A1B3
#B99CB8
#B996BE
#B5BC9B
#B5B6A1
#B5B0A7
#B5AAAE
#B5A4B4
#B59EBA
#B596C2
#B1C696
#B1BE9E
#B1B7A5
#B1AFAD
#B1A7B5
#B1A0BC
#B196C6
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
