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 #B1C3A6 to #B1A6C3 and to #C3B1A6
#B1C3A6
#B1C3A6
#B1C3A6
#B1C3A6
#B1C3A6
#B1C3A6
#B1C3A6
#B1BEAB
#B1BEAA
#B2BFA9
#B2BFA9
#B3BFA8
#B3C0A7
#B4C0A6
#B1BAAF
#B2BAAE
#B3BBAC
#B4BBAB
#B5BCA9
#B6BCA8
#B7BDA6
#B1B5B4
#B2B6B2
#B4B7B0
#B5B7AD
#B7B8AB
#B8B9A9
#BABAA6
#B1B0B9
#B3B1B6
#B5B2B3
#B7B3B0
#B9B4AD
#BBB6AA
#BDB7A6
#B1ACBD
#B3ADB9
#B5AFB6
#B8B0B2
#BAB2AE
#BCB3AB
#BFB5A6
#B1A6C3
#B4A8BE
#B7AABA
#BAABB5
#BDADB0
#BFAFAC
#C3B1A6
Colorpallet from #B1C3A6 to #B1A6C3 and to #C3A6B1
#B1C3A6
#B1C3A6
#B1C3A6
#B1C3A6
#B1C3A6
#B1C3A6
#B1C3A6
#B1BEAB
#B1BEAB
#B2BEAA
#B2BEAA
#B3BEA9
#B3BEA9
#B4BEA8
#B1BAAF
#B2BAAE
#B3BAAD
#B4BAAD
#B5BAAC
#B6BAAB
#B7BAAA
#B1B5B4
#B2B5B3
#B4B5B1
#B5B5B0
#B7B5AE
#B8B5AD
#BAB5AB
#B1B0B9
#B3B0B7
#B5B0B5
#B7B0B3
#B9B0B1
#BBB0AF
#BDB0AD
#B1ACBD
#B3ACBB
#B5ACB9
#B8ACB6
#BAACB4
#BCACB2
#BFACAF
#B1A6C3
#B4A6C0
#B7A6BD
#BAA6BA
#BDA6B7
#BFA6B5
#C3A6B1
Colorpallet from #B1C3A6 to #B1A6C3 and to #A6B1C3
#B1C3A6
#B1C3A6
#B1C3A6
#B1C3A6
#B1C3A6
#B1C3A6
#B1C3A6
#B1BEAB
#B1BEAB
#B0BFAB
#B0BFAB
#B0BFAB
#AFC0AB
#AFC0AB
#B1BAAF
#B0BAAF
#B0BBAF
#AFBBAF
#AEBCAF
#AEBCAF
#ADBDAF
#B1B5B4
#B0B6B4
#AFB7B4
#AFB7B4
#AEB8B4
#ADB9B4
#ACBAB4
#B1B0B9
#B0B1B9
#AFB2B9
#AEB3B9
#ADB4B9
#ABB6B9
#AAB7B9
#B1ACBD
#B0ADBD
#AEAFBD
#ADB0BD
#ABB2BD
#AAB3BD
#A8B5BD
#B1A6C3
#AFA8C3
#ADAAC3
#ACABC3
#AAADC3
#A8AFC3
#A6B1C3
Colorpallet from #B1C3A6 to #B1A6C3 and to #A6C3B1
#B1C3A6
#B1C3A6
#B1C3A6
#B1C3A6
#B1C3A6
#B1C3A6
#B1C3A6
#B1BEAB
#B1BFAB
#B0C0AA
#B0C0AA
#B0C1A9
#AFC2A9
#AFC3A8
#B1BAAF
#B0BBAE
#B0BDAD
#AFBEAD
#AEC0AC
#AEC1AB
#ADC3AA
#B1B5B4
#B0B7B3
#AFB9B1
#AFBCB0
#AEBEAE
#ADC0AD
#ACC3AB
#B1B0B9
#B0B3B7
#AFB6B5
#AEB9B3
#ADBCB1
#ABBFAF
#AAC3AD
#B1ACBD
#B0B0BB
#AEB3B9
#ADB7B6
#ABBBB4
#AABEB2
#A8C3AF
#B1A6C3
#AFABC0
#ADAFBD
#ACB4BA
#AAB9B7
#A8BDB5
#A6C3B1
Colorpallet from #B1C3A6 to #C3B1A6 and to #C3A6B1
#B1C3A6
#B1C3A6
#B1C3A6
#B1C3A6
#B1C3A6
#B1C3A6
#B1C3A6
#B4C0A6
#B4C0A6
#B4BFA7
#B4BFA7
#B4BFA7
#B4BEA8
#B4BEA8
#B7BDA6
#B7BDA7
#B7BCA7
#B7BCA8
#B7BBA9
#B7BBA9
#B7BAAA
#BABAA6
#BAB9A7
#BAB8A8
#BAB8A8
#BAB7A9
#BAB6AA
#BAB5AB
#BDB7A6
#BDB6A7
#BDB5A8
#BDB4A9
#BDB3AA
#BDB1AC
#BDB0AD
#BFB5A6
#BFB4A7
#BFB2A9
#BFB1AA
#BFAFAC
#BFAEAD
#BFACAF
#C3B1A6
#C3AFA8
#C3ADAA
#C3ACAB
#C3AAAD
#C3A8AF
#C3A6B1
Colorpallet from #B1C3A6 to #C3B1A6 and to #A6B1C3
#B1C3A6
#B1C3A6
#B1C3A6
#B1C3A6
#B1C3A6
#B1C3A6
#B1C3A6
#B4C0A6
#B3C0A7
#B2C0A8
#B2C0A8
#B1C0A9
#B0C0AA
#AFC0AB
#B7BDA6
#B5BDA7
#B4BDA9
#B2BDAA
#B1BDAC
#AFBDAD
#ADBDAF
#BABAA6
#B8BAA8
#B6BAAA
#B3BAAD
#B1BAAF
#AFBAB1
#ACBAB4
#BDB7A6
#BAB7A9
#B7B7AC
#B4B7AF
#B1B7B2
#AEB7B5
#AAB7B9
#BFB5A6
#BBB5AA
#B8B5AD
#B4B5B1
#B0B5B5
#ADB5B8
#A8B5BD
#C3B1A6
#BEB1AB
#BAB1AF
#B5B1B4
#B0B1B9
#ACB1BD
#A6B1C3
Colorpallet from #B1C3A6 to #C3B1A6 and to #A6C3B1
#B1C3A6
#B1C3A6
#B1C3A6
#B1C3A6
#B1C3A6
#B1C3A6
#B1C3A6
#B4C0A6
#B3C0A6
#B2C1A7
#B2C1A7
#B1C2A7
#B0C2A8
#AFC3A8
#B7BDA6
#B5BEA7
#B4BFA7
#B2C0A8
#B1C1A9
#AFC2A9
#ADC3AA
#BABAA6
#B8BBA7
#B6BDA8
#B3BEA8
#B1C0A9
#AFC1AA
#ACC3AB
#BDB7A6
#BAB9A7
#B7BBA8
#B4BDA9
#B1BFAA
#AEC1AC
#AAC3AD
#BFB5A6
#BBB7A7
#B8B9A9
#B4BCAA
#B0BEAC
#ADC0AD
#A8C3AF
#C3B1A6
#BEB4A8
#BAB7AA
#B5BAAB
#B0BDAD
#ACBFAF
#A6C3B1
Colorpallet from #B1C3A6 to #C3A6B1 and to #A6B1C3
#B1C3A6
#B1C3A6
#B1C3A6
#B1C3A6
#B1C3A6
#B1C3A6
#B1C3A6
#B4BEA8
#B3BEA8
#B2BFA9
#B2BFA9
#B1BFAA
#B0C0AA
#AFC0AB
#B7BAAA
#B5BAAB
#B4BBAC
#B2BBAC
#B1BCAD
#AFBCAE
#ADBDAF
#BAB5AB
#B8B6AC
#B6B7AE
#B3B7AF
#B1B8B1
#AFB9B2
#ACBAB4
#BDB0AD
#BAB1AF
#B7B2B1
#B4B3B3
#B1B4B5
#AEB6B7
#AAB7B9
#BFACAF
#BBADB1
#B8AFB3
#B4B0B6
#B0B2B8
#ADB3BA
#A8B5BD
#C3A6B1
#BEA8B4
#BAAAB7
#B5ABBA
#B0ADBD
#ACAFBF
#A6B1C3
Colorpallet from #B1C3A6 to #C3A6B1 and to #A6C3B1
#B1C3A6
#B1C3A6
#B1C3A6
#B1C3A6
#B1C3A6
#B1C3A6
#B1C3A6
#B4BEA8
#B3BFA8
#B2C0A8
#B2C0A8
#B1C1A8
#B0C2A8
#AFC3A8
#B7BAAA
#B5BBAA
#B4BDAA
#B2BEAA
#B1C0AA
#AFC1AA
#ADC3AA
#BAB5AB
#B8B7AB
#B6B9AB
#B3BCAB
#B1BEAB
#AFC0AB
#ACC3AB
#BDB0AD
#BAB3AD
#B7B6AD
#B4B9AD
#B1BCAD
#AEBFAD
#AAC3AD
#BFACAF
#BBB0AF
#B8B3AF
#B4B7AF
#B0BBAF
#ADBEAF
#A8C3AF
#C3A6B1
#BEABB1
#BAAFB1
#B5B4B1
#B0B9B1
#ACBDB1
#A6C3B1
Colorpallet from #B1C3A6 to #A6B1C3 and to #A6C3B1
#B1C3A6
#B1C3A6
#B1C3A6
#B1C3A6
#B1C3A6
#B1C3A6
#B1C3A6
#AFC0AB
#AFC0AB
#AFC1AA
#AFC1AA
#AFC2A9
#AFC2A9
#AFC3A8
#ADBDAF
#ADBEAE
#ADBFAD
#ADC0AD
#ADC1AC
#ADC2AB
#ADC3AA
#ACBAB4
#ACBBB3
#ACBDB1
#ACBEB0
#ACC0AE
#ACC1AD
#ACC3AB
#AAB7B9
#AAB9B7
#AABBB5
#AABDB3
#AABFB1
#AAC1AF
#AAC3AD
#A8B5BD
#A8B7BB
#A8B9B9
#A8BCB6
#A8BEB4
#A8C0B2
#A8C3AF
#A6B1C3
#A6B4C0
#A6B7BD
#A6BABA
#A6BDB7
#A6BFB5
#A6C3B1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
