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 #C2DAA2 to #C2A2DA and to #DAC2A2
#C2DAA2
#C2DAA2
#C2DAA2
#C2DAA2
#C2DAA2
#C2DAA2
#C2DAA2
#C2D1AB
#C3D2AA
#C3D3A8
#C4D3A7
#C5D4A5
#C5D5A4
#C6D6A2
#C2C8B4
#C3CAB1
#C5CBAE
#C6CDAB
#C7CEA8
#C8D0A6
#CAD2A2
#C2BFBD
#C4C1B9
#C6C4B4
#C8C6B0
#CAC9AC
#CCCBA7
#CECEA2
#C2B6C6
#C4B9C0
#C7BDBA
#C9C0B5
#CCC3AF
#CEC7A9
#D1CBA2
#C2ADCF
#C5B1C8
#C8B5C1
#CBB9B9
#CEBEB2
#D1C2AB
#D5C7A2
#C2A2DA
#C6A7D1
#CAACC8
#CEB1BF
#D1B6B6
#D5BCAD
#DAC2A2
Colorpallet from #C2DAA2 to #C2A2DA and to #DAA2C2
#C2DAA2
#C2DAA2
#C2DAA2
#C2DAA2
#C2DAA2
#C2DAA2
#C2DAA2
#C2D1AB
#C3D1AA
#C3D1AA
#C4D1A9
#C5D1A8
#C5D1A8
#C6D1A7
#C2C8B4
#C3C8B3
#C5C8B1
#C6C8B0
#C7C8AF
#C8C8AE
#CAC8AC
#C2BFBD
#C4BFBB
#C6BFB9
#C8BFB7
#CABFB5
#CCBFB3
#CEBFB1
#C2B6C6
#C4B6C3
#C7B6C1
#C9B6BE
#CCB6BC
#CEB6B9
#D1B6B6
#C2ADCF
#C5ADCC
#C8ADC9
#CBADC6
#CEADC3
#D1ADC0
#D5ADBC
#C2A2DA
#C6A2D6
#CAA2D2
#CEA2CE
#D1A2CB
#D5A2C7
#DAA2C2
Colorpallet from #C2DAA2 to #C2A2DA and to #A2C2DA
#C2DAA2
#C2DAA2
#C2DAA2
#C2DAA2
#C2DAA2
#C2DAA2
#C2DAA2
#C2D1AB
#C1D2AB
#C0D3AB
#C0D3AB
#BFD4AB
#BED5AB
#BDD6AB
#C2C8B4
#C0CAB4
#BFCBB4
#BDCDB4
#BCCEB4
#BAD0B4
#B8D2B4
#C2BFBD
#C0C1BD
#BDC4BD
#BBC6BD
#B8C9BD
#B6CBBD
#B3CEBD
#C2B6C6
#BFB9C6
#BCBDC6
#B8C0C6
#B5C3C6
#B2C7C6
#AECBC6
#C2ADCF
#BEB1CF
#BAB5CF
#B6B9CF
#B1BECF
#ADC2CF
#A8C7CF
#C2A2DA
#BDA7DA
#B8ACDA
#B3B1DA
#AEB6DA
#A8BCDA
#A2C2DA
Colorpallet from #C2DAA2 to #C2A2DA and to #A2DAC2
#C2DAA2
#C2DAA2
#C2DAA2
#C2DAA2
#C2DAA2
#C2DAA2
#C2DAA2
#C2D1AB
#C1D2AA
#C0D4AA
#C0D5A9
#BFD7A8
#BED8A8
#BDDAA7
#C2C8B4
#C0CBB3
#BFCEB1
#BDD1B0
#BCD4AF
#BAD6AE
#B8DAAC
#C2BFBD
#C0C3BB
#BDC8B9
#BBCCB7
#B8D0B5
#B6D5B3
#B3DAB1
#C2B6C6
#BFBCC3
#BCC2C1
#B8C7BE
#B5CDBC
#B2D3B9
#AEDAB6
#C2ADCF
#BEB4CC
#BABBC9
#B6C3C6
#B1CAC3
#ADD1C0
#A8DABC
#C2A2DA
#BDABD6
#B8B4D2
#B3BDCE
#AEC6CB
#A8CFC7
#A2DAC2
Colorpallet from #C2DAA2 to #DAC2A2 and to #DAA2C2
#C2DAA2
#C2DAA2
#C2DAA2
#C2DAA2
#C2DAA2
#C2DAA2
#C2DAA2
#C6D6A2
#C6D5A3
#C6D4A4
#C6D4A4
#C6D3A5
#C6D2A6
#C6D1A7
#CAD2A2
#CAD0A4
#CACFA5
#CACDA7
#CACCA8
#CACAAA
#CAC8AC
#CECEA2
#CECCA4
#CEC9A7
#CEC7A9
#CEC4AC
#CEC2AE
#CEBFB1
#D1CBA2
#D1C8A5
#D1C4A8
#D1C1AC
#D1BEAF
#D1BAB2
#D1B6B6
#D5C7A2
#D5C3A6
#D5BFAA
#D5BBAE
#D5B6B3
#D5B2B7
#D5ADBC
#DAC2A2
#DABDA7
#DAB8AC
#DAB3B1
#DAAEB6
#DAA8BC
#DAA2C2
Colorpallet from #C2DAA2 to #DAC2A2 and to #A2C2DA
#C2DAA2
#C2DAA2
#C2DAA2
#C2DAA2
#C2DAA2
#C2DAA2
#C2DAA2
#C6D6A2
#C5D6A3
#C3D6A5
#C2D6A6
#C0D6A8
#BFD6A9
#BDD6AB
#CAD2A2
#C7D2A5
#C4D2A8
#C1D2AB
#BED2AE
#BCD2B0
#B8D2B4
#CECEA2
#CACEA6
#C5CEAB
#C1CEAF
#BDCEB3
#B8CEB8
#B3CEBD
#D1CBA2
#CBCBA8
#C6CBAE
#C0CBB3
#BBCBB9
#B5CBBF
#AECBC6
#D5C7A2
#CEC7A9
#C7C7B0
#BFC7B8
#B8C7BF
#B1C7C6
#A8C7CF
#DAC2A2
#D1C2AB
#C8C2B4
#BFC2BD
#B6C2C6
#ADC2CF
#A2C2DA
Colorpallet from #C2DAA2 to #DAC2A2 and to #A2DAC2
#C2DAA2
#C2DAA2
#C2DAA2
#C2DAA2
#C2DAA2
#C2DAA2
#C2DAA2
#C6D6A2
#C5D7A3
#C3D7A4
#C2D8A4
#C0D9A5
#BFD9A6
#BDDAA7
#CAD2A2
#C7D3A4
#C4D5A5
#C1D6A7
#BED7A8
#BCD8AA
#B8DAAC
#CECEA2
#CAD0A4
#C5D2A7
#C1D4A9
#BDD6AC
#B8D8AE
#B3DAB1
#D1CBA2
#CBCDA5
#C6D0A8
#C0D2AC
#BBD5AF
#B5D7B2
#AEDAB6
#D5C7A2
#CECAA6
#C7CDAA
#BFD0AE
#B8D3B3
#B1D6B7
#A8DABC
#DAC2A2
#D1C6A7
#C8CAAC
#BFCEB1
#B6D1B6
#ADD5BC
#A2DAC2
Colorpallet from #C2DAA2 to #DAA2C2 and to #A2C2DA
#C2DAA2
#C2DAA2
#C2DAA2
#C2DAA2
#C2DAA2
#C2DAA2
#C2DAA2
#C6D1A7
#C5D2A8
#C3D3A8
#C2D3A9
#C0D4AA
#BFD5AA
#BDD6AB
#CAC8AC
#C7CAAD
#C4CBAF
#C1CDB0
#BECEB1
#BCD0B2
#B8D2B4
#CEBFB1
#CAC1B3
#C5C4B5
#C1C6B7
#BDC9B9
#B8CBBB
#B3CEBD
#D1B6B6
#CBB9B9
#C6BDBB
#C0C0BE
#BBC3C0
#B5C7C3
#AECBC6
#D5ADBC
#CEB1BF
#C7B5C2
#BFB9C5
#B8BEC8
#B1C2CB
#A8C7CF
#DAA2C2
#D1A7C6
#C8ACCA
#BFB1CE
#B6B6D1
#ADBCD5
#A2C2DA
Colorpallet from #C2DAA2 to #DAA2C2 and to #A2DAC2
#C2DAA2
#C2DAA2
#C2DAA2
#C2DAA2
#C2DAA2
#C2DAA2
#C2DAA2
#C6D1A7
#C5D2A7
#C3D4A7
#C2D5A7
#C0D7A7
#BFD8A7
#BDDAA7
#CAC8AC
#C7CBAC
#C4CEAC
#C1D1AC
#BED4AC
#BCD6AC
#B8DAAC
#CEBFB1
#CAC3B1
#C5C8B1
#C1CCB1
#BDD0B1
#B8D5B1
#B3DAB1
#D1B6B6
#CBBCB6
#C6C2B6
#C0C7B6
#BBCDB6
#B5D3B6
#AEDAB6
#D5ADBC
#CEB4BC
#C7BBBC
#BFC3BC
#B8CABC
#B1D1BC
#A8DABC
#DAA2C2
#D1ABC2
#C8B4C2
#BFBDC2
#B6C6C2
#ADCFC2
#A2DAC2
Colorpallet from #C2DAA2 to #A2C2DA and to #A2DAC2
#C2DAA2
#C2DAA2
#C2DAA2
#C2DAA2
#C2DAA2
#C2DAA2
#C2DAA2
#BDD6AB
#BDD7AA
#BDD7AA
#BDD8A9
#BDD9A8
#BDD9A8
#BDDAA7
#B8D2B4
#B8D3B3
#B8D5B1
#B8D6B0
#B8D7AF
#B8D8AE
#B8DAAC
#B3CEBD
#B3D0BB
#B3D2B9
#B3D4B7
#B3D6B5
#B3D8B3
#B3DAB1
#AECBC6
#AECDC3
#AED0C1
#AED2BE
#AED5BC
#AED7B9
#AEDAB6
#A8C7CF
#A8CACC
#A8CDC9
#A8D0C6
#A8D3C3
#A8D6C0
#A8DABC
#A2C2DA
#A2C6D6
#A2CAD2
#A2CECE
#A2D1CB
#A2D5C7
#A2DAC2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts