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 #CADCA6 to #CAA6DC and to #DCCAA6
#CADCA6
#CADCA6
#CADCA6
#CADCA6
#CADCA6
#CADCA6
#CADCA6
#CAD3AF
#CAD4AE
#CBD5AC
#CBD6AB
#CCD7A9
#CCD8A8
#CDD9A6
#CACBB7
#CBCDB4
#CCCFB2
#CDD0AF
#CED2AC
#CFD4A9
#D0D6A6
#CAC2C0
#CBC5BC
#CDC7B8
#CECAB4
#D0CDAF
#D1D0AB
#D3D3A6
#CAB9C9
#CCBDC3
#CEC0BE
#D0C4B8
#D2C8B3
#D4CBAD
#D6D0A6
#CAB1D1
#CCB6CA
#CEBAC3
#D1BFBC
#D3C4B5
#D5C8AF
#D8CEA6
#CAA6DC
#CDACD3
#D0B2CB
#D3B7C2
#D6BDB9
#D8C3B1
#DCCAA6
Colorpallet from #CADCA6 to #CAA6DC and to #DCA6CA
#CADCA6
#CADCA6
#CADCA6
#CADCA6
#CADCA6
#CADCA6
#CADCA6
#CAD3AF
#CAD3AF
#CBD3AE
#CBD3AE
#CCD3AD
#CCD3AD
#CDD3AC
#CACBB7
#CBCBB6
#CCCBB5
#CDCBB5
#CECBB4
#CFCBB3
#D0CBB2
#CAC2C0
#CBC2BF
#CDC2BD
#CEC2BC
#D0C2BA
#D1C2B9
#D3C2B7
#CAB9C9
#CCB9C7
#CEB9C5
#D0B9C3
#D2B9C1
#D4B9BF
#D6B9BD
#CAB1D1
#CCB1CF
#CEB1CD
#D1B1CA
#D3B1C8
#D5B1C6
#D8B1C3
#CAA6DC
#CDA6D9
#D0A6D6
#D3A6D3
#D6A6D0
#D8A6CE
#DCA6CA
Colorpallet from #CADCA6 to #CAA6DC and to #A6CADC
#CADCA6
#CADCA6
#CADCA6
#CADCA6
#CADCA6
#CADCA6
#CADCA6
#CAD3AF
#C9D4AF
#C8D5AF
#C7D6AF
#C6D7AF
#C5D8AF
#C4D9AF
#CACBB7
#C8CDB7
#C6CFB7
#C4D0B7
#C2D2B7
#C0D4B7
#BED6B7
#CAC2C0
#C7C5C0
#C5C7C0
#C2CAC0
#BFCDC0
#BCD0C0
#B9D3C0
#CAB9C9
#C6BDC9
#C3C0C9
#BFC4C9
#BBC8C9
#B8CBC9
#B3D0C9
#CAB1D1
#C5B6D1
#C1BAD1
#BCBFD1
#B7C4D1
#B3C8D1
#ADCED1
#CAA6DC
#C4ACDC
#BEB2DC
#B9B7DC
#B3BDDC
#ADC3DC
#A6CADC
Colorpallet from #CADCA6 to #CAA6DC and to #A6DCCA
#CADCA6
#CADCA6
#CADCA6
#CADCA6
#CADCA6
#CADCA6
#CADCA6
#CAD3AF
#C9D4AF
#C8D6AE
#C7D7AE
#C6D9AD
#C5DAAD
#C4DCAC
#CACBB7
#C8CEB6
#C6D0B5
#C4D3B5
#C2D6B4
#C0D9B3
#BEDCB2
#CAC2C0
#C7C6BF
#C5CABD
#C2CEBC
#BFD3BA
#BCD7B9
#B9DCB7
#CAB9C9
#C6BFC7
#C3C4C5
#BFCAC3
#BBCFC1
#B8D5BF
#B3DCBD
#CAB1D1
#C5B8CF
#C1BFCD
#BCC6CA
#B7CDC8
#B3D3C6
#ADDCC3
#CAA6DC
#C4AFD9
#BEB7D6
#B9C0D3
#B3C9D0
#ADD1CE
#A6DCCA
Colorpallet from #CADCA6 to #DCCAA6 and to #DCA6CA
#CADCA6
#CADCA6
#CADCA6
#CADCA6
#CADCA6
#CADCA6
#CADCA6
#CDD9A6
#CDD8A7
#CDD7A8
#CDD6A9
#CDD5AA
#CDD4AB
#CDD3AC
#D0D6A6
#D0D4A8
#D0D2AA
#D0D1AC
#D0CFAE
#D0CDB0
#D0CBB2
#D3D3A6
#D3D0A9
#D3CEAB
#D3CBAE
#D3C8B1
#D3C5B4
#D3C2B7
#D6D0A6
#D6CCAA
#D6C9AD
#D6C5B1
#D6C1B5
#D6BEB8
#D6B9BD
#D8CEA6
#D8C9AB
#D8C5AF
#D8C0B4
#D8BBB9
#D8B7BD
#D8B1C3
#DCCAA6
#DCC4AC
#DCBEB2
#DCB9B7
#DCB3BD
#DCADC3
#DCA6CA
Colorpallet from #CADCA6 to #DCCAA6 and to #A6CADC
#CADCA6
#CADCA6
#CADCA6
#CADCA6
#CADCA6
#CADCA6
#CADCA6
#CDD9A6
#CCD9A7
#CAD9A9
#C9D9AA
#C7D9AC
#C6D9AD
#C4D9AF
#D0D6A6
#CDD6A9
#CAD6AB
#C7D6AE
#C4D6B1
#C2D6B4
#BED6B7
#D3D3A6
#CFD3AA
#CBD3AE
#C7D3B2
#C2D3B7
#BED3BB
#B9D3C0
#D6D0A6
#D0D0AC
#CBD0B1
#C5D0B7
#C0D0BC
#BAD0C2
#B3D0C9
#D8CEA6
#D1CEAD
#CACEB4
#C3CEBB
#BCCEC2
#B6CEC8
#ADCED1
#DCCAA6
#D3CAAF
#CBCAB7
#C2CAC0
#B9CAC9
#B1CAD1
#A6CADC
Colorpallet from #CADCA6 to #DCCAA6 and to #A6DCCA
#CADCA6
#CADCA6
#CADCA6
#CADCA6
#CADCA6
#CADCA6
#CADCA6
#CDD9A6
#CCD9A7
#CADAA8
#C9DAA9
#C7DBAA
#C6DBAB
#C4DCAC
#D0D6A6
#CDD7A8
#CAD8AA
#C7D9AC
#C4DAAE
#C2DBB0
#BEDCB2
#D3D3A6
#CFD4A9
#CBD6AB
#C7D7AE
#C2D9B1
#BEDAB4
#B9DCB7
#D6D0A6
#D0D2AA
#CBD4AD
#C5D6B1
#C0D8B5
#BADAB8
#B3DCBD
#D8CEA6
#D1D0AB
#CAD2AF
#C3D5B4
#BCD7B9
#B6D9BD
#ADDCC3
#DCCAA6
#D3CDAC
#CBD0B2
#C2D3B7
#B9D6BD
#B1D8C3
#A6DCCA
Colorpallet from #CADCA6 to #DCA6CA and to #A6CADC
#CADCA6
#CADCA6
#CADCA6
#CADCA6
#CADCA6
#CADCA6
#CADCA6
#CDD3AC
#CCD4AC
#CAD5AD
#C9D6AD
#C7D7AE
#C6D8AE
#C4D9AF
#D0CBB2
#CDCDB3
#CACFB4
#C7D0B4
#C4D2B5
#C2D4B6
#BED6B7
#D3C2B7
#CFC5B8
#CBC7BA
#C7CABB
#C2CDBD
#BED0BE
#B9D3C0
#D6B9BD
#D0BDBF
#CBC0C1
#C5C4C3
#C0C8C5
#BACBC7
#B3D0C9
#D8B1C3
#D1B6C5
#CABAC7
#C3BFCA
#BCC4CC
#B6C8CE
#ADCED1
#DCA6CA
#D3ACCD
#CBB2D0
#C2B7D3
#B9BDD6
#B1C3D8
#A6CADC
Colorpallet from #CADCA6 to #DCA6CA and to #A6DCCA
#CADCA6
#CADCA6
#CADCA6
#CADCA6
#CADCA6
#CADCA6
#CADCA6
#CDD3AC
#CCD4AC
#CAD6AC
#C9D7AC
#C7D9AC
#C6DAAC
#C4DCAC
#D0CBB2
#CDCEB2
#CAD0B2
#C7D3B2
#C4D6B2
#C2D9B2
#BEDCB2
#D3C2B7
#CFC6B7
#CBCAB7
#C7CEB7
#C2D3B7
#BED7B7
#B9DCB7
#D6B9BD
#D0BFBD
#CBC4BD
#C5CABD
#C0CFBD
#BAD5BD
#B3DCBD
#D8B1C3
#D1B8C3
#CABFC3
#C3C6C3
#BCCDC3
#B6D3C3
#ADDCC3
#DCA6CA
#D3AFCA
#CBB7CA
#C2C0CA
#B9C9CA
#B1D1CA
#A6DCCA
Colorpallet from #CADCA6 to #A6CADC and to #A6DCCA
#CADCA6
#CADCA6
#CADCA6
#CADCA6
#CADCA6
#CADCA6
#CADCA6
#C4D9AF
#C4D9AF
#C4DAAE
#C4DAAE
#C4DBAD
#C4DBAD
#C4DCAC
#BED6B7
#BED7B6
#BED8B5
#BED9B5
#BEDAB4
#BEDBB3
#BEDCB2
#B9D3C0
#B9D4BF
#B9D6BD
#B9D7BC
#B9D9BA
#B9DAB9
#B9DCB7
#B3D0C9
#B3D2C7
#B3D4C5
#B3D6C3
#B3D8C1
#B3DABF
#B3DCBD
#ADCED1
#ADD0CF
#ADD2CD
#ADD5CA
#ADD7C8
#ADD9C6
#ADDCC3
#A6CADC
#A6CDD9
#A6D0D6
#A6D3D3
#A6D6D0
#A6D8CE
#A6DCCA
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
