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 #C2D8A9 to #C2A9D8 and to #D8C2A9
#C2D8A9
#C2D8A9
#C2D8A9
#C2D8A9
#C2D8A9
#C2D8A9
#C2D8A9
#C2D0B1
#C3D1B0
#C3D1AE
#C4D2AD
#C5D3AC
#C5D3AB
#C6D4A9
#C2C9B8
#C3CAB6
#C4CCB3
#C5CDB1
#C6CEAE
#C8CFAC
#C9D1A9
#C2C1C0
#C4C3BC
#C6C5B9
#C7C7B5
#C9C9B1
#CBCBAE
#CDCDA9
#C2BAC7
#C4BDC2
#C6BFBD
#C9C2B9
#CBC4B4
#CDC7AF
#D0CAA9
#C2B2CF
#C5B5C9
#C8B8C3
#CBBCBD
#CEBFB7
#D0C2B1
#D4C6A9
#C2A9D8
#C6ADD0
#C9B1C9
#CDB5C1
#D0B9BA
#D4BDB2
#D8C2A9
Colorpallet from #C2D8A9 to #C2A9D8 and to #D8A9C2
#C2D8A9
#C2D8A9
#C2D8A9
#C2D8A9
#C2D8A9
#C2D8A9
#C2D8A9
#C2D0B1
#C3D0B0
#C3D0B0
#C4D0AF
#C5D0AE
#C5D0AE
#C6D0AD
#C2C9B8
#C3C9B7
#C4C9B6
#C5C9B5
#C6C9B4
#C8C9B2
#C9C9B1
#C2C1C0
#C4C1BE
#C6C1BC
#C7C1BB
#C9C1B9
#CBC1B7
#CDC1B5
#C2BAC7
#C4BAC5
#C6BAC3
#C9BAC0
#CBBABE
#CDBABC
#D0BAB9
#C2B2CF
#C5B2CC
#C8B2C9
#CBB2C6
#CEB2C3
#D0B2C1
#D4B2BD
#C2A9D8
#C6A9D4
#C9A9D1
#CDA9CD
#D0A9CA
#D4A9C6
#D8A9C2
Colorpallet from #C2D8A9 to #C2A9D8 and to #A9C2D8
#C2D8A9
#C2D8A9
#C2D8A9
#C2D8A9
#C2D8A9
#C2D8A9
#C2D8A9
#C2D0B1
#C1D1B1
#C1D1B1
#C0D2B1
#BFD3B1
#BFD3B1
#BED4B1
#C2C9B8
#C1CAB8
#BFCCB8
#BECDB8
#BDCEB8
#BCCFB8
#BAD1B8
#C2C1C0
#C0C3C0
#BEC5C0
#BCC7C0
#BAC9C0
#B8CBC0
#B6CDC0
#C2BAC7
#BFBDC7
#BDBFC7
#BAC2C7
#B8C4C7
#B5C7C7
#B2CAC7
#C2B2CF
#BFB5CF
#BCB8CF
#B8BCCF
#B5BFCF
#B2C2CF
#AEC6CF
#C2A9D8
#BEADD8
#BAB1D8
#B6B5D8
#B2B9D8
#AEBDD8
#A9C2D8
Colorpallet from #C2D8A9 to #C2A9D8 and to #A9D8C2
#C2D8A9
#C2D8A9
#C2D8A9
#C2D8A9
#C2D8A9
#C2D8A9
#C2D8A9
#C2D0B1
#C1D1B0
#C1D3B0
#C0D4AF
#BFD5AE
#BFD6AE
#BED8AD
#C2C9B8
#C1CBB7
#BFCEB6
#BED0B5
#BDD3B4
#BCD5B2
#BAD8B1
#C2C1C0
#C0C5BE
#BEC8BC
#BCCCBB
#BAD0B9
#B8D3B7
#B6D8B5
#C2BAC7
#BFBFC5
#BDC4C3
#BAC8C0
#B8CDBE
#B5D2BC
#B2D8B9
#C2B2CF
#BFB8CC
#BCBEC9
#B8C4C6
#B5CAC3
#B2D0C1
#AED8BD
#C2A9D8
#BEB1D4
#BAB8D1
#B6C0CD
#B2C7CA
#AECFC6
#A9D8C2
Colorpallet from #C2D8A9 to #D8C2A9 and to #D8A9C2
#C2D8A9
#C2D8A9
#C2D8A9
#C2D8A9
#C2D8A9
#C2D8A9
#C2D8A9
#C6D4A9
#C6D3AA
#C6D3AA
#C6D2AB
#C6D1AC
#C6D1AC
#C6D0AD
#C9D1A9
#C9D0AA
#C9CEAC
#C9CDAD
#C9CCAE
#C9CBAF
#C9C9B1
#CDCDA9
#CDCBAB
#CDC9AD
#CDC7AF
#CDC5B1
#CDC3B3
#CDC1B5
#D0CAA9
#D0C7AC
#D0C5AE
#D0C2B1
#D0C0B3
#D0BDB6
#D0BAB9
#D4C6A9
#D4C3AC
#D4C0AF
#D4BCB3
#D4B9B6
#D4B6B9
#D4B2BD
#D8C2A9
#D8BEAD
#D8BAB1
#D8B6B5
#D8B2B9
#D8AEBD
#D8A9C2
Colorpallet from #C2D8A9 to #D8C2A9 and to #A9C2D8
#C2D8A9
#C2D8A9
#C2D8A9
#C2D8A9
#C2D8A9
#C2D8A9
#C2D8A9
#C6D4A9
#C5D4AA
#C3D4AC
#C2D4AD
#C1D4AE
#C0D4AF
#BED4B1
#C9D1A9
#C7D1AB
#C4D1AE
#C2D1B0
#BFD1B3
#BDD1B5
#BAD1B8
#CDCDA9
#C9CDAD
#C6CDB0
#C2CDB4
#BECDB8
#BBCDBB
#B6CDC0
#D0CAA9
#CBCAAE
#C6CAB3
#C2CAB7
#BDCABC
#B8CAC1
#B2CAC7
#D4C6A9
#CEC6AF
#C8C6B5
#C2C6BB
#BCC6C1
#B6C6C7
#AEC6CF
#D8C2A9
#D0C2B1
#C9C2B8
#C1C2C0
#BAC2C7
#B2C2CF
#A9C2D8
Colorpallet from #C2D8A9 to #D8C2A9 and to #A9D8C2
#C2D8A9
#C2D8A9
#C2D8A9
#C2D8A9
#C2D8A9
#C2D8A9
#C2D8A9
#C6D4A9
#C5D5AA
#C3D5AA
#C2D6AB
#C1D7AC
#C0D7AC
#BED8AD
#C9D1A9
#C7D2AA
#C4D3AC
#C2D4AD
#BFD5AE
#BDD7AF
#BAD8B1
#CDCDA9
#C9CFAB
#C6D1AD
#C2D2AF
#BED4B1
#BBD6B3
#B6D8B5
#D0CAA9
#CBCCAC
#C6CEAE
#C2D1B1
#BDD3B3
#B8D5B6
#B2D8B9
#D4C6A9
#CEC9AC
#C8CCAF
#C2CFB3
#BCD2B6
#B6D4B9
#AED8BD
#D8C2A9
#D0C6AD
#C9C9B1
#C1CDB5
#BAD0B9
#B2D4BD
#A9D8C2
Colorpallet from #C2D8A9 to #D8A9C2 and to #A9C2D8
#C2D8A9
#C2D8A9
#C2D8A9
#C2D8A9
#C2D8A9
#C2D8A9
#C2D8A9
#C6D0AD
#C5D1AE
#C3D1AE
#C2D2AF
#C1D3B0
#C0D3B0
#BED4B1
#C9C9B1
#C7CAB2
#C4CCB3
#C2CDB4
#BFCEB5
#BDCFB7
#BAD1B8
#CDC1B5
#C9C3B7
#C6C5B9
#C2C7BA
#BEC9BC
#BBCBBE
#B6CDC0
#D0BAB9
#CBBDBB
#C6BFBD
#C2C2C0
#BDC4C2
#B8C7C4
#B2CAC7
#D4B2BD
#CEB5C0
#C8B8C3
#C2BCC6
#BCBFC9
#B6C2CB
#AEC6CF
#D8A9C2
#D0ADC6
#C9B1C9
#C1B5CD
#BAB9D0
#B2BDD4
#A9C2D8
Colorpallet from #C2D8A9 to #D8A9C2 and to #A9D8C2
#C2D8A9
#C2D8A9
#C2D8A9
#C2D8A9
#C2D8A9
#C2D8A9
#C2D8A9
#C6D0AD
#C5D1AD
#C3D3AD
#C2D4AD
#C1D5AD
#C0D6AD
#BED8AD
#C9C9B1
#C7CBB1
#C4CEB1
#C2D0B1
#BFD3B1
#BDD5B1
#BAD8B1
#CDC1B5
#C9C5B5
#C6C8B5
#C2CCB5
#BED0B5
#BBD3B5
#B6D8B5
#D0BAB9
#CBBFB9
#C6C4B9
#C2C8B9
#BDCDB9
#B8D2B9
#B2D8B9
#D4B2BD
#CEB8BD
#C8BEBD
#C2C4BD
#BCCABD
#B6D0BD
#AED8BD
#D8A9C2
#D0B1C2
#C9B8C2
#C1C0C2
#BAC7C2
#B2CFC2
#A9D8C2
Colorpallet from #C2D8A9 to #A9C2D8 and to #A9D8C2
#C2D8A9
#C2D8A9
#C2D8A9
#C2D8A9
#C2D8A9
#C2D8A9
#C2D8A9
#BED4B1
#BED5B0
#BED5B0
#BED6AF
#BED7AE
#BED7AE
#BED8AD
#BAD1B8
#BAD2B7
#BAD3B6
#BAD4B5
#BAD5B4
#BAD7B2
#BAD8B1
#B6CDC0
#B6CFBE
#B6D1BC
#B6D2BB
#B6D4B9
#B6D6B7
#B6D8B5
#B2CAC7
#B2CCC5
#B2CEC3
#B2D1C0
#B2D3BE
#B2D5BC
#B2D8B9
#AEC6CF
#AEC9CC
#AECCC9
#AECFC6
#AED2C3
#AED4C1
#AED8BD
#A9C2D8
#A9C6D4
#A9C9D1
#A9CDCD
#A9D0CA
#A9D4C6
#A9D8C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
