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 #B2C698 to #B298C6 and to #C6B298
#B2C698
#B2C698
#B2C698
#B2C698
#B2C698
#B2C698
#B2C698
#B2BF9F
#B2C09E
#B3C09D
#B3C19C
#B4C29B
#B4C299
#B5C398
#B2B7A7
#B3B8A5
#B4BAA2
#B5BBA0
#B6BD9D
#B7BE9B
#B8C098
#B2B0AE
#B4B2AA
#B5B4A7
#B7B6A3
#B8B8A0
#BABA9C
#BCBC98
#B2A9B5
#B4ACB0
#B6AEAC
#B8B1A7
#BAB3A2
#BCB69E
#BFB998
#B2A1BD
#B5A4B7
#B7A8B1
#BAABAB
#BCAEA5
#BFB29F
#C2B698
#B298C6
#B59CBF
#B8A0B7
#BCA4B0
#BFA9A9
#C2ADA1
#C6B298
Colorpallet from #B2C698 to #B298C6 and to #C698B2
#B2C698
#B2C698
#B2C698
#B2C698
#B2C698
#B2C698
#B2C698
#B2BF9F
#B2BF9F
#B3BF9E
#B3BF9E
#B4BF9D
#B4BF9D
#B5BF9C
#B2B7A7
#B3B7A6
#B4B7A5
#B5B7A4
#B6B7A3
#B7B7A1
#B8B7A0
#B2B0AE
#B4B0AC
#B5B0AB
#B7B0A9
#B8B0A8
#BAB0A6
#BCB0A4
#B2A9B5
#B4A9B3
#B6A9B1
#B8A9AF
#BAA9AD
#BCA9AB
#BFA9A9
#B2A1BD
#B5A1BA
#B7A1B8
#BAA1B5
#BCA1B3
#BFA1B0
#C2A1AD
#B298C6
#B598C3
#B898C0
#BC98BC
#BF98B9
#C298B6
#C698B2
Colorpallet from #B2C698 to #B298C6 and to #98B2C6
#B2C698
#B2C698
#B2C698
#B2C698
#B2C698
#B2C698
#B2C698
#B2BF9F
#B1C09F
#B1C09F
#B0C19F
#AFC29F
#AFC29F
#AEC39F
#B2B7A7
#B1B8A7
#AFBAA7
#AEBBA7
#ADBDA7
#ACBEA7
#AAC0A7
#B2B0AE
#B0B2AE
#AEB4AE
#ACB6AE
#AAB8AE
#A8BAAE
#A6BCAE
#B2A9B5
#AFACB5
#ADAEB5
#AAB1B5
#A7B3B5
#A4B6B5
#A1B9B5
#B2A1BD
#AFA4BD
#ABA8BD
#A8ABBD
#A5AEBD
#A1B2BD
#9DB6BD
#B298C6
#AE9CC6
#AAA0C6
#A6A4C6
#A1A9C6
#9DADC6
#98B2C6
Colorpallet from #B2C698 to #B298C6 and to #98C6B2
#B2C698
#B2C698
#B2C698
#B2C698
#B2C698
#B2C698
#B2C698
#B2BF9F
#B1C09F
#B1C19E
#B0C29E
#AFC39D
#AFC59D
#AEC69C
#B2B7A7
#B1B9A6
#AFBCA5
#AEBEA4
#ADC1A3
#ACC3A1
#AAC6A0
#B2B0AE
#B0B4AC
#AEB7AB
#ACBBA9
#AABEA8
#A8C2A6
#A6C6A4
#B2A9B5
#AFAEB3
#ADB2B1
#AAB7AF
#A7BCAD
#A4C0AB
#A1C6A9
#B2A1BD
#AFA7BA
#ABADB8
#A8B3B5
#A5B9B3
#A1BFB0
#9DC6AD
#B298C6
#AE9FC3
#AAA7C0
#A6AEBC
#A1B5B9
#9DBDB6
#98C6B2
Colorpallet from #B2C698 to #C6B298 and to #C698B2
#B2C698
#B2C698
#B2C698
#B2C698
#B2C698
#B2C698
#B2C698
#B5C398
#B5C299
#B5C299
#B5C19A
#B5C09B
#B5C09B
#B5BF9C
#B8C098
#B8BF99
#B8BD9B
#B8BC9C
#B8BA9D
#B8B99E
#B8B7A0
#BCBC98
#BCBA9A
#BCB89C
#BCB69E
#BCB4A0
#BCB2A2
#BCB0A4
#BFB998
#BFB69B
#BFB49D
#BFB1A0
#BFAFA3
#BFACA6
#BFA9A9
#C2B698
#C2B39B
#C2AF9F
#C2ACA2
#C2A9A5
#C2A5A9
#C2A1AD
#C6B298
#C6AE9C
#C6AAA0
#C6A6A4
#C6A1A9
#C69DAD
#C698B2
Colorpallet from #B2C698 to #C6B298 and to #98B2C6
#B2C698
#B2C698
#B2C698
#B2C698
#B2C698
#B2C698
#B2C698
#B5C398
#B4C399
#B3C39A
#B2C39B
#B1C39C
#AFC39E
#AEC39F
#B8C098
#B6C09A
#B4C09D
#B1C09F
#AFC0A2
#ADC0A4
#AAC0A7
#BCBC98
#B8BC9C
#B5BC9F
#B1BCA3
#AEBCA6
#AABCAA
#A6BCAE
#BFB998
#BAB99D
#B5B9A1
#B1B9A6
#ACB9AB
#A7B9AF
#A1B9B5
#C2B698
#BCB69E
#B6B6A4
#B0B6AA
#AAB6B0
#A4B6B6
#9DB6BD
#C6B298
#BFB29F
#B7B2A7
#B0B2AE
#A9B2B5
#A1B2BD
#98B2C6
Colorpallet from #B2C698 to #C6B298 and to #98C6B2
#B2C698
#B2C698
#B2C698
#B2C698
#B2C698
#B2C698
#B2C698
#B5C398
#B4C399
#B3C499
#B2C49A
#B1C59B
#AFC59B
#AEC69C
#B8C098
#B6C199
#B4C29B
#B1C39C
#AFC49D
#ADC59E
#AAC6A0
#BCBC98
#B8BE9A
#B5BF9C
#B1C19E
#AEC2A0
#AAC4A2
#A6C6A4
#BFB998
#BABB9B
#B5BD9D
#B1BFA0
#ACC1A3
#A7C3A6
#A1C6A9
#C2B698
#BCB99B
#B6BB9F
#B0BEA2
#AAC0A5
#A4C3A9
#9DC6AD
#C6B298
#BFB59C
#B7B8A0
#B0BCA4
#A9BFA9
#A1C2AD
#98C6B2
Colorpallet from #B2C698 to #C698B2 and to #98B2C6
#B2C698
#B2C698
#B2C698
#B2C698
#B2C698
#B2C698
#B2C698
#B5BF9C
#B4C09C
#B3C09D
#B2C19D
#B1C29E
#AFC29E
#AEC39F
#B8B7A0
#B6B8A1
#B4BAA2
#B1BBA3
#AFBDA4
#ADBEA6
#AAC0A7
#BCB0A4
#B8B2A6
#B5B4A7
#B1B6A9
#AEB8AA
#AABAAC
#A6BCAE
#BFA9A9
#BAACAB
#B5AEAD
#B1B1AF
#ACB3B1
#A7B6B3
#A1B9B5
#C2A1AD
#BCA4B0
#B6A8B2
#B0ABB5
#AAAEB7
#A4B2BA
#9DB6BD
#C698B2
#BF9CB5
#B7A0B8
#B0A4BC
#A9A9BF
#A1ADC2
#98B2C6
Colorpallet from #B2C698 to #C698B2 and to #98C6B2
#B2C698
#B2C698
#B2C698
#B2C698
#B2C698
#B2C698
#B2C698
#B5BF9C
#B4C09C
#B3C19C
#B2C29C
#B1C39C
#AFC59C
#AEC69C
#B8B7A0
#B6B9A0
#B4BCA0
#B1BEA0
#AFC1A0
#ADC3A0
#AAC6A0
#BCB0A4
#B8B4A4
#B5B7A4
#B1BBA4
#AEBEA4
#AAC2A4
#A6C6A4
#BFA9A9
#BAAEA9
#B5B2A9
#B1B7A9
#ACBCA9
#A7C0A9
#A1C6A9
#C2A1AD
#BCA7AD
#B6ADAD
#B0B3AD
#AAB9AD
#A4BFAD
#9DC6AD
#C698B2
#BF9FB2
#B7A7B2
#B0AEB2
#A9B5B2
#A1BDB2
#98C6B2
Colorpallet from #B2C698 to #98B2C6 and to #98C6B2
#B2C698
#B2C698
#B2C698
#B2C698
#B2C698
#B2C698
#B2C698
#AEC39F
#AEC39F
#AEC49E
#AEC49E
#AEC59D
#AEC59D
#AEC69C
#AAC0A7
#AAC1A6
#AAC2A5
#AAC3A4
#AAC4A3
#AAC5A1
#AAC6A0
#A6BCAE
#A6BEAC
#A6BFAB
#A6C1A9
#A6C2A8
#A6C4A6
#A6C6A4
#A1B9B5
#A1BBB3
#A1BDB1
#A1BFAF
#A1C1AD
#A1C3AB
#A1C6A9
#9DB6BD
#9DB9BA
#9DBBB8
#9DBEB5
#9DC0B3
#9DC3B0
#9DC6AD
#98B2C6
#98B5C3
#98B8C0
#98BCBC
#98BFB9
#98C2B6
#98C6B2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
