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 #C2D8A2 to #C2A2D8 and to #D8C2A2
#C2D8A2
#C2D8A2
#C2D8A2
#C2D8A2
#C2D8A2
#C2D8A2
#C2D8A2
#C2CFAB
#C3D0AA
#C3D1A8
#C4D1A7
#C5D2A5
#C5D3A4
#C6D4A2
#C2C7B3
#C3C9B0
#C4CAAE
#C5CCAB
#C6CDA8
#C8CFA5
#C9D1A2
#C2BEBC
#C4C0B8
#C6C3B4
#C7C5B0
#C9C8AB
#CBCAA7
#CDCDA2
#C2B5C5
#C4B8BF
#C6BCBA
#C9BFB4
#CBC2AF
#CDC6A9
#D0CAA2
#C2ADCD
#C5B1C6
#C8B5BF
#CBB9B8
#CEBDB1
#D0C1AB
#D4C6A2
#C2A2D8
#C6A7CF
#C9ACC7
#CDB1BE
#D0B6B5
#D4BCAD
#D8C2A2
Colorpallet from #C2D8A2 to #C2A2D8 and to #D8A2C2
#C2D8A2
#C2D8A2
#C2D8A2
#C2D8A2
#C2D8A2
#C2D8A2
#C2D8A2
#C2CFAB
#C3CFAA
#C3CFAA
#C4CFA9
#C5CFA8
#C5CFA8
#C6CFA7
#C2C7B3
#C3C7B2
#C4C7B1
#C5C7B0
#C6C7AF
#C8C7AD
#C9C7AC
#C2BEBC
#C4BEBA
#C6BEB8
#C7BEB7
#C9BEB5
#CBBEB3
#CDBEB1
#C2B5C5
#C4B5C3
#C6B5C0
#C9B5BE
#CBB5BB
#CDB5B9
#D0B5B6
#C2ADCD
#C5ADCA
#C8ADC8
#CBADC5
#CEADC2
#D0ADBF
#D4ADBC
#C2A2D8
#C6A2D4
#C9A2D1
#CDA2CD
#D0A2CA
#D4A2C6
#D8A2C2
Colorpallet from #C2D8A2 to #C2A2D8 and to #A2C2D8
#C2D8A2
#C2D8A2
#C2D8A2
#C2D8A2
#C2D8A2
#C2D8A2
#C2D8A2
#C2CFAB
#C1D0AB
#C0D1AB
#C0D1AB
#BFD2AB
#BED3AB
#BDD4AB
#C2C7B3
#C0C9B3
#BFCAB3
#BDCCB3
#BCCDB3
#BACFB3
#B8D1B3
#C2BEBC
#C0C0BC
#BDC3BC
#BBC5BC
#B8C8BC
#B6CABC
#B3CDBC
#C2B5C5
#BFB8C5
#BCBCC5
#B8BFC5
#B5C2C5
#B2C6C5
#AECAC5
#C2ADCD
#BEB1CD
#BAB5CD
#B6B9CD
#B1BDCD
#ADC1CD
#A8C6CD
#C2A2D8
#BDA7D8
#B8ACD8
#B3B1D8
#AEB6D8
#A8BCD8
#A2C2D8
Colorpallet from #C2D8A2 to #C2A2D8 and to #A2D8C2
#C2D8A2
#C2D8A2
#C2D8A2
#C2D8A2
#C2D8A2
#C2D8A2
#C2D8A2
#C2CFAB
#C1D0AA
#C0D2AA
#C0D3A9
#BFD5A8
#BED6A8
#BDD8A7
#C2C7B3
#C0CAB2
#BFCCB1
#BDCFB0
#BCD2AF
#BAD5AD
#B8D8AC
#C2BEBC
#C0C2BA
#BDC6B8
#BBCAB7
#B8CFB5
#B6D3B3
#B3D8B1
#C2B5C5
#BFBBC3
#BCC0C0
#B8C6BE
#B5CBBB
#B2D1B9
#AED8B6
#C2ADCD
#BEB4CA
#BABBC8
#B6C2C5
#B1C9C2
#ADCFBF
#A8D8BC
#C2A2D8
#BDABD4
#B8B3D1
#B3BCCD
#AEC5CA
#A8CDC6
#A2D8C2
Colorpallet from #C2D8A2 to #D8C2A2 and to #D8A2C2
#C2D8A2
#C2D8A2
#C2D8A2
#C2D8A2
#C2D8A2
#C2D8A2
#C2D8A2
#C6D4A2
#C6D3A3
#C6D2A4
#C6D2A4
#C6D1A5
#C6D0A6
#C6CFA7
#C9D1A2
#C9CFA4
#C9CEA5
#C9CCA7
#C9CBA8
#C9C9AA
#C9C7AC
#CDCDA2
#CDCBA4
#CDC8A7
#CDC6A9
#CDC3AC
#CDC1AE
#CDBEB1
#D0CAA2
#D0C7A5
#D0C3A8
#D0C0AC
#D0BDAF
#D0B9B2
#D0B5B6
#D4C6A2
#D4C2A6
#D4BEAA
#D4BAAE
#D4B6B3
#D4B2B7
#D4ADBC
#D8C2A2
#D8BDA7
#D8B8AC
#D8B3B1
#D8AEB6
#D8A8BC
#D8A2C2
Colorpallet from #C2D8A2 to #D8C2A2 and to #A2C2D8
#C2D8A2
#C2D8A2
#C2D8A2
#C2D8A2
#C2D8A2
#C2D8A2
#C2D8A2
#C6D4A2
#C5D4A3
#C3D4A5
#C2D4A6
#C0D4A8
#BFD4A9
#BDD4AB
#C9D1A2
#C6D1A5
#C4D1A7
#C1D1AA
#BED1AD
#BBD1B0
#B8D1B3
#CDCDA2
#C9CDA6
#C5CDAA
#C1CDAE
#BCCDB3
#B8CDB7
#B3CDBC
#D0CAA2
#CBCAA8
#C5CAAD
#C0CAB3
#BACAB8
#B5CABE
#AECAC5
#D4C6A2
#CDC6A9
#C6C6B0
#BFC6B7
#B8C6BE
#B1C6C4
#A8C6CD
#D8C2A2
#CFC2AB
#C7C2B3
#BEC2BC
#B5C2C5
#ADC2CD
#A2C2D8
Colorpallet from #C2D8A2 to #D8C2A2 and to #A2D8C2
#C2D8A2
#C2D8A2
#C2D8A2
#C2D8A2
#C2D8A2
#C2D8A2
#C2D8A2
#C6D4A2
#C5D5A3
#C3D5A4
#C2D6A4
#C0D7A5
#BFD7A6
#BDD8A7
#C9D1A2
#C6D2A4
#C4D3A5
#C1D4A7
#BED5A8
#BBD7AA
#B8D8AC
#CDCDA2
#C9CFA4
#C5D1A7
#C1D2A9
#BCD4AC
#B8D6AE
#B3D8B1
#D0CAA2
#CBCCA5
#C5CEA8
#C0D1AC
#BAD3AF
#B5D5B2
#AED8B6
#D4C6A2
#CDC9A6
#C6CCAA
#BFCFAE
#B8D2B3
#B1D4B7
#A8D8BC
#D8C2A2
#CFC6A7
#C7C9AC
#BECDB1
#B5D0B6
#ADD4BC
#A2D8C2
Colorpallet from #C2D8A2 to #D8A2C2 and to #A2C2D8
#C2D8A2
#C2D8A2
#C2D8A2
#C2D8A2
#C2D8A2
#C2D8A2
#C2D8A2
#C6CFA7
#C5D0A8
#C3D1A8
#C2D1A9
#C0D2AA
#BFD3AA
#BDD4AB
#C9C7AC
#C6C9AD
#C4CAAE
#C1CCAF
#BECDB0
#BBCFB2
#B8D1B3
#CDBEB1
#C9C0B3
#C5C3B5
#C1C5B6
#BCC8B8
#B8CABA
#B3CDBC
#D0B5B6
#CBB8B8
#C5BCBB
#C0BFBD
#BAC2C0
#B5C6C2
#AECAC5
#D4ADBC
#CDB1BF
#C6B5C1
#BFB9C4
#B8BDC7
#B1C1CA
#A8C6CD
#D8A2C2
#CFA7C6
#C7ACC9
#BEB1CD
#B5B6D0
#ADBCD4
#A2C2D8
Colorpallet from #C2D8A2 to #D8A2C2 and to #A2D8C2
#C2D8A2
#C2D8A2
#C2D8A2
#C2D8A2
#C2D8A2
#C2D8A2
#C2D8A2
#C6CFA7
#C5D0A7
#C3D2A7
#C2D3A7
#C0D5A7
#BFD6A7
#BDD8A7
#C9C7AC
#C6CAAC
#C4CCAC
#C1CFAC
#BED2AC
#BBD5AC
#B8D8AC
#CDBEB1
#C9C2B1
#C5C6B1
#C1CAB1
#BCCFB1
#B8D3B1
#B3D8B1
#D0B5B6
#CBBBB6
#C5C0B6
#C0C6B6
#BACBB6
#B5D1B6
#AED8B6
#D4ADBC
#CDB4BC
#C6BBBC
#BFC2BC
#B8C9BC
#B1CFBC
#A8D8BC
#D8A2C2
#CFABC2
#C7B3C2
#BEBCC2
#B5C5C2
#ADCDC2
#A2D8C2
Colorpallet from #C2D8A2 to #A2C2D8 and to #A2D8C2
#C2D8A2
#C2D8A2
#C2D8A2
#C2D8A2
#C2D8A2
#C2D8A2
#C2D8A2
#BDD4AB
#BDD5AA
#BDD5AA
#BDD6A9
#BDD7A8
#BDD7A8
#BDD8A7
#B8D1B3
#B8D2B2
#B8D3B1
#B8D4B0
#B8D5AF
#B8D7AD
#B8D8AC
#B3CDBC
#B3CFBA
#B3D1B8
#B3D2B7
#B3D4B5
#B3D6B3
#B3D8B1
#AECAC5
#AECCC3
#AECEC0
#AED1BE
#AED3BB
#AED5B9
#AED8B6
#A8C6CD
#A8C9CA
#A8CCC8
#A8CFC5
#A8D2C2
#A8D4BF
#A8D8BC
#A2C2D8
#A2C6D4
#A2C9D1
#A2CDCD
#A2D0CA
#A2D4C6
#A2D8C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts