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 #C5D2A1 to #C5A1D2 and to #D2C5A1
#C5D2A1
#C5D2A1
#C5D2A1
#C5D2A1
#C5D2A1
#C5D2A1
#C5D2A1
#C5CAA9
#C5CBA8
#C6CCA6
#C6CDA5
#C6CEA4
#C7CFA3
#C7D0A1
#C5C2B1
#C6C4AE
#C6C6AC
#C7C8A9
#C8CAA7
#C8CCA4
#C9CEA1
#C5BAB9
#C6BDB5
#C7C0B1
#C8C3AD
#C9C6AA
#CAC8A6
#CBCCA1
#C5B3C0
#C6B7BB
#C8BAB6
#C9BEB1
#CAC2AC
#CBC5A7
#CDCAA1
#C5ABC8
#C7B0C2
#C8B4BC
#CAB9B5
#CBBEAF
#CDC2A9
#CFC8A1
#C5A1D2
#C7A7CA
#C9ADC2
#CBB2BA
#CDB8B3
#CFBEAB
#D2C5A1
Colorpallet from #C5D2A1 to #C5A1D2 and to #D2A1C5
#C5D2A1
#C5D2A1
#C5D2A1
#C5D2A1
#C5D2A1
#C5D2A1
#C5D2A1
#C5CAA9
#C5CAA9
#C6CAA8
#C6CAA8
#C6CAA8
#C7CAA7
#C7CAA7
#C5C2B1
#C6C2B0
#C6C2B0
#C7C2AF
#C8C2AE
#C8C2AE
#C9C2AD
#C5BAB9
#C6BAB8
#C7BAB7
#C8BAB6
#C9BAB5
#CABAB3
#CBBAB2
#C5B3C0
#C6B3BF
#C8B3BD
#C9B3BC
#CAB3BB
#CBB3BA
#CDB3B8
#C5ABC8
#C7ABC6
#C8ABC5
#CAABC3
#CBABC2
#CDABC0
#CFABBE
#C5A1D2
#C7A1D0
#C9A1CE
#CBA1CC
#CDA1CA
#CFA1C8
#D2A1C5
Colorpallet from #C5D2A1 to #C5A1D2 and to #A1C5D2
#C5D2A1
#C5D2A1
#C5D2A1
#C5D2A1
#C5D2A1
#C5D2A1
#C5D2A1
#C5CAA9
#C4CBA9
#C3CCA9
#C2CDA9
#C1CEA9
#C0CFA9
#BFD0A9
#C5C2B1
#C3C4B1
#C1C6B1
#BFC8B1
#BDCAB1
#BBCCB1
#B9CEB1
#C5BAB9
#C2BDB9
#C0C0B9
#BDC3B9
#BAC6B9
#B7C8B9
#B4CCB9
#C5B3C0
#C1B7C0
#BEBAC0
#BABEC0
#B6C2C0
#B3C5C0
#AECAC0
#C5ABC8
#C0B0C8
#BCB4C8
#B7B9C8
#B2BEC8
#AEC2C8
#A8C8C8
#C5A1D2
#BFA7D2
#B9ADD2
#B4B2D2
#AEB8D2
#A8BED2
#A1C5D2
Colorpallet from #C5D2A1 to #C5A1D2 and to #A1D2C5
#C5D2A1
#C5D2A1
#C5D2A1
#C5D2A1
#C5D2A1
#C5D2A1
#C5D2A1
#C5CAA9
#C4CBA9
#C3CDA8
#C2CEA8
#C1CFA8
#C0D0A7
#BFD2A7
#C5C2B1
#C3C5B0
#C1C7B0
#BFCAAF
#BDCCAE
#BBCFAE
#B9D2AD
#C5BAB9
#C2BEB8
#C0C2B7
#BDC6B6
#BAC9B5
#B7CDB3
#B4D2B2
#C5B3C0
#C1B8BF
#BEBDBD
#BAC2BC
#B6C7BB
#B3CCBA
#AED2B8
#C5ABC8
#C0B1C6
#BCB7C5
#B7BEC3
#B2C4C2
#AECAC0
#A8D2BE
#C5A1D2
#BFA9D0
#B9B1CE
#B4B9CC
#AEC0CA
#A8C8C8
#A1D2C5
Colorpallet from #C5D2A1 to #D2C5A1 and to #D2A1C5
#C5D2A1
#C5D2A1
#C5D2A1
#C5D2A1
#C5D2A1
#C5D2A1
#C5D2A1
#C7D0A1
#C7CFA2
#C7CEA3
#C7CDA4
#C7CCA5
#C7CBA6
#C7CAA7
#C9CEA1
#C9CCA3
#C9CAA5
#C9C8A7
#C9C6A9
#C9C4AB
#C9C2AD
#CBCCA1
#CBC9A4
#CBC6A6
#CBC3A9
#CBC0AC
#CBBEAF
#CBBAB2
#CDCAA1
#CDC6A5
#CDC3A8
#CDBFAC
#CDBBB0
#CDB8B3
#CDB3B8
#CFC8A1
#CFC3A6
#CFBFAA
#CFBAAF
#CFB5B4
#CFB1B8
#CFABBE
#D2C5A1
#D2BFA7
#D2B9AD
#D2B4B2
#D2AEB8
#D2A8BE
#D2A1C5
Colorpallet from #C5D2A1 to #D2C5A1 and to #A1C5D2
#C5D2A1
#C5D2A1
#C5D2A1
#C5D2A1
#C5D2A1
#C5D2A1
#C5D2A1
#C7D0A1
#C6D0A2
#C4D0A4
#C3D0A5
#C2D0A6
#C1D0A7
#BFD0A9
#C9CEA1
#C6CEA4
#C4CEA6
#C1CEA9
#BFCEAB
#BCCEAE
#B9CEB1
#CBCCA1
#C7CCA5
#C4CCA9
#C0CCAD
#BCCCB0
#B9CCB4
#B4CCB9
#CDCAA1
#C8CAA6
#C3CAAB
#BECAB0
#B9CAB5
#B4CABA
#AECAC0
#CFC8A1
#C9C8A7
#C3C8AD
#BCC8B4
#B6C8BA
#B0C8C0
#A8C8C8
#D2C5A1
#CAC5A9
#C2C5B1
#BAC5B9
#B3C5C0
#ABC5C8
#A1C5D2
Colorpallet from #C5D2A1 to #D2C5A1 and to #A1D2C5
#C5D2A1
#C5D2A1
#C5D2A1
#C5D2A1
#C5D2A1
#C5D2A1
#C5D2A1
#C7D0A1
#C6D0A2
#C4D1A3
#C3D1A4
#C2D1A5
#C1D2A6
#BFD2A7
#C9CEA1
#C6CFA3
#C4CFA5
#C1D0A7
#BFD1A9
#BCD1AB
#B9D2AD
#CBCCA1
#C7CDA4
#C4CEA6
#C0CFA9
#BCD0AC
#B9D1AF
#B4D2B2
#CDCAA1
#C8CBA5
#C3CDA8
#BECEAC
#B9CFB0
#B4D0B3
#AED2B8
#CFC8A1
#C9CAA6
#C3CBAA
#BCCDAF
#B6CEB4
#B0D0B8
#A8D2BE
#D2C5A1
#CAC7A7
#C2C9AD
#BACBB2
#B3CDB8
#ABCFBE
#A1D2C5
Colorpallet from #C5D2A1 to #D2A1C5 and to #A1C5D2
#C5D2A1
#C5D2A1
#C5D2A1
#C5D2A1
#C5D2A1
#C5D2A1
#C5D2A1
#C7CAA7
#C6CBA7
#C4CCA8
#C3CDA8
#C2CEA8
#C1CFA9
#BFD0A9
#C9C2AD
#C6C4AE
#C4C6AE
#C1C8AF
#BFCAB0
#BCCCB0
#B9CEB1
#CBBAB2
#C7BDB3
#C4C0B4
#C0C3B5
#BCC6B6
#B9C8B8
#B4CCB9
#CDB3B8
#C8B7B9
#C3BABB
#BEBEBC
#B9C2BD
#B4C5BE
#AECAC0
#CFABBE
#C9B0C0
#C3B4C1
#BCB9C3
#B6BEC4
#B0C2C6
#A8C8C8
#D2A1C5
#CAA7C7
#C2ADC9
#BAB2CB
#B3B8CD
#ABBECF
#A1C5D2
Colorpallet from #C5D2A1 to #D2A1C5 and to #A1D2C5
#C5D2A1
#C5D2A1
#C5D2A1
#C5D2A1
#C5D2A1
#C5D2A1
#C5D2A1
#C7CAA7
#C6CBA7
#C4CDA7
#C3CEA7
#C2CFA7
#C1D0A7
#BFD2A7
#C9C2AD
#C6C5AD
#C4C7AD
#C1CAAD
#BFCCAD
#BCCFAD
#B9D2AD
#CBBAB2
#C7BEB2
#C4C2B2
#C0C6B2
#BCC9B2
#B9CDB2
#B4D2B2
#CDB3B8
#C8B8B8
#C3BDB8
#BEC2B8
#B9C7B8
#B4CCB8
#AED2B8
#CFABBE
#C9B1BE
#C3B7BE
#BCBEBE
#B6C4BE
#B0CABE
#A8D2BE
#D2A1C5
#CAA9C5
#C2B1C5
#BAB9C5
#B3C0C5
#ABC8C5
#A1D2C5
Colorpallet from #C5D2A1 to #A1C5D2 and to #A1D2C5
#C5D2A1
#C5D2A1
#C5D2A1
#C5D2A1
#C5D2A1
#C5D2A1
#C5D2A1
#BFD0A9
#BFD0A9
#BFD1A8
#BFD1A8
#BFD1A8
#BFD2A7
#BFD2A7
#B9CEB1
#B9CFB0
#B9CFB0
#B9D0AF
#B9D1AE
#B9D1AE
#B9D2AD
#B4CCB9
#B4CDB8
#B4CEB7
#B4CFB6
#B4D0B5
#B4D1B3
#B4D2B2
#AECAC0
#AECBBF
#AECDBD
#AECEBC
#AECFBB
#AED0BA
#AED2B8
#A8C8C8
#A8CAC6
#A8CBC5
#A8CDC3
#A8CEC2
#A8D0C0
#A8D2BE
#A1C5D2
#A1C7D0
#A1C9CE
#A1CBCC
#A1CDCA
#A1CFC8
#A1D2C5
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts