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 #C2D2D1 to #C2D1D2 and to #D2C2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C3D1D1
#C3D1D1
#C4D0D1
#C4D0D1
#C5CFD1
#C2D2D1
#C3D1D1
#C4D0D1
#C4D0D1
#C5CFD1
#C6CED1
#C7CDD1
#C2D2D1
#C3D1D1
#C5CFD1
#C6CED1
#C7CDD1
#C8CCD1
#CACAD1
#C2D1D2
#C4D0D2
#C5CED2
#C7CDD2
#C8CBD1
#CACAD1
#CCC8D1
#C2D1D2
#C4CFD2
#C6CDD2
#C8CBD2
#CAC9D1
#CCC7D1
#CFC5D1
#C2D1D2
#C5CFD2
#C7CCD2
#CACAD2
#CCC7D1
#CFC5D1
#D2C2D1
Colorpallet from #C2D2D1 to #C2D1D2 and to #D2D1C2
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C3D2D0
#C3D2D0
#C4D2D0
#C4D2CF
#C5D2CF
#C2D2D1
#C3D2D0
#C4D2CF
#C4D2CF
#C5D2CE
#C6D2CD
#C7D2CC
#C2D2D1
#C3D2D0
#C5D2CF
#C6D2CE
#C7D2CD
#C8D2CB
#CAD2CA
#C2D1D2
#C4D1D0
#C5D1CE
#C7D1CD
#C8D1CB
#CAD1C9
#CCD1C7
#C2D1D2
#C4D1D0
#C6D1CE
#C8D1CC
#CAD1CA
#CCD1C8
#CFD1C5
#C2D1D2
#C5D1CF
#C7D1CD
#CAD1CA
#CCD1C8
#CFD1C5
#D2D1C2
Colorpallet from #C2D2D1 to #C2D1D2 and to #D1C2D2
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C3D1D1
#C3D1D1
#C3D0D1
#C4D0D1
#C4CFD1
#C2D2D1
#C3D1D1
#C4D0D1
#C4D0D1
#C5CFD1
#C6CED1
#C7CDD1
#C2D2D1
#C3D1D1
#C4CFD1
#C5CED1
#C6CDD1
#C8CCD1
#C9CAD1
#C2D1D2
#C4D0D2
#C5CED2
#C7CDD2
#C8CBD2
#CACAD2
#CCC8D2
#C2D1D2
#C4CFD2
#C6CDD2
#C8CBD2
#CAC9D2
#CCC7D2
#CEC5D2
#C2D1D2
#C4CFD2
#C7CCD2
#C9CAD2
#CCC7D2
#CEC5D2
#D1C2D2
Colorpallet from #C2D2D1 to #C2D1D2 and to #D1D2C2
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C3D2D0
#C3D2D0
#C3D2D0
#C4D2CF
#C4D2CF
#C2D2D1
#C3D2D0
#C4D2CF
#C4D2CF
#C5D2CE
#C6D2CD
#C7D2CC
#C2D2D1
#C3D2D0
#C4D2CF
#C5D2CE
#C6D2CD
#C8D2CB
#C9D2CA
#C2D1D2
#C4D1D0
#C5D1CE
#C7D1CD
#C8D2CB
#CAD2C9
#CCD2C7
#C2D1D2
#C4D1D0
#C6D1CE
#C8D1CC
#CAD2CA
#CCD2C8
#CED2C5
#C2D1D2
#C4D1CF
#C7D1CD
#C9D1CA
#CCD2C8
#CED2C5
#D1D2C2
Colorpallet from #C2D2D1 to #D2C2D1 and to #D2D1C2
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C5CFD1
#C5CFD1
#C5D0D0
#C5D0D0
#C5D1D0
#C5D1CF
#C5D2CF
#C7CDD1
#C7CED0
#C7CFCF
#C7CFCF
#C7D0CE
#C7D1CD
#C7D2CC
#CACAD1
#CACBD0
#CACDCF
#CACECE
#CACFCD
#CAD0CB
#CAD2CA
#CCC8D1
#CCC9CF
#CCCBCE
#CCCCCC
#CCCECB
#CCCFC9
#CCD1C7
#CFC5D1
#CFC7CF
#CFC9CD
#CFCBCB
#CFCDC9
#CFCFC7
#CFD1C5
#D2C2D1
#D2C4CF
#D2C7CC
#D2C9CA
#D2CCC7
#D2CEC5
#D2D1C2
Colorpallet from #C2D2D1 to #D2C2D1 and to #D1C2D2
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C5CFD1
#C5CFD1
#C5CFD1
#C5CFD1
#C4CFD1
#C4CFD1
#C4CFD1
#C7CDD1
#C7CDD1
#C7CDD1
#C7CDD1
#C7CDD1
#C7CDD1
#C7CDD1
#CACAD1
#CACAD1
#CACAD1
#CACAD1
#C9CAD1
#C9CAD1
#C9CAD1
#CCC8D1
#CCC8D1
#CCC8D1
#CCC8D1
#CCC8D2
#CCC8D2
#CCC8D2
#CFC5D1
#CFC5D1
#CFC5D1
#CFC5D1
#CEC5D2
#CEC5D2
#CEC5D2
#D2C2D1
#D2C2D1
#D2C2D1
#D2C2D1
#D1C2D2
#D1C2D2
#D1C2D2
Colorpallet from #C2D2D1 to #D2C2D1 and to #D1D2C2
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C5CFD1
#C5CFD1
#C5D0D0
#C5D0D0
#C4D1D0
#C4D1CF
#C4D2CF
#C7CDD1
#C7CED0
#C7CFCF
#C7CFCF
#C7D0CE
#C7D1CD
#C7D2CC
#CACAD1
#CACBD0
#CACDCF
#CACECE
#C9CFCD
#C9D0CB
#C9D2CA
#CCC8D1
#CCCACF
#CCCBCE
#CCCDCC
#CCCECB
#CCD0C9
#CCD2C7
#CFC5D1
#CFC7CF
#CFC9CD
#CFCBCB
#CECDC9
#CECFC7
#CED2C5
#D2C2D1
#D2C5CF
#D2C7CC
#D2CACA
#D1CCC7
#D1CFC5
#D1D2C2
Colorpallet from #C2D2D1 to #D2D1C2 and to #D1C2D2
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C5D2CF
#C5D2CF
#C5D1D0
#C5D1D0
#C4D0D0
#C4D0D1
#C4CFD1
#C7D2CC
#C7D1CD
#C7D0CE
#C7D0CE
#C7CFCF
#C7CED0
#C7CDD1
#CAD2CA
#CAD1CB
#CACFCC
#CACECD
#C9CDCE
#C9CCD0
#C9CAD1
#CCD1C7
#CCD0C9
#CCCECB
#CCCDCC
#CCCBCE
#CCCAD0
#CCC8D2
#CFD1C5
#CFCFC7
#CFCDC9
#CFCBCB
#CEC9CD
#CEC7CF
#CEC5D2
#D2D1C2
#D2CFC5
#D2CCC7
#D2CACA
#D1C7CC
#D1C5CF
#D1C2D2
Colorpallet from #C2D2D1 to #D2D1C2 and to #D1D2C2
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C5D2CF
#C5D2CF
#C5D2CF
#C5D2CF
#C4D2CF
#C4D2CF
#C4D2CF
#C7D2CC
#C7D2CC
#C7D2CC
#C7D2CC
#C7D2CC
#C7D2CC
#C7D2CC
#CAD2CA
#CAD2CA
#CAD2CA
#CAD2CA
#C9D2CA
#C9D2CA
#C9D2CA
#CCD1C7
#CCD1C7
#CCD1C7
#CCD1C7
#CCD2C7
#CCD2C7
#CCD2C7
#CFD1C5
#CFD1C5
#CFD1C5
#CFD1C5
#CED2C5
#CED2C5
#CED2C5
#D2D1C2
#D2D1C2
#D2D1C2
#D2D1C2
#D1D2C2
#D1D2C2
#D1D2C2
Colorpallet from #C2D2D1 to #D1C2D2 and to #D1D2C2
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C2D2D1
#C4CFD1
#C4CFD1
#C4D0D0
#C4D0D0
#C4D1D0
#C4D1CF
#C4D2CF
#C7CDD1
#C7CED0
#C7CFCF
#C7CFCF
#C7D0CE
#C7D1CD
#C7D2CC
#C9CAD1
#C9CBD0
#C9CDCF
#C9CECE
#C9CFCD
#C9D0CB
#C9D2CA
#CCC8D2
#CCCAD0
#CCCBCE
#CCCDCD
#CCCECB
#CCD0C9
#CCD2C7
#CEC5D2
#CEC7D0
#CEC9CE
#CECBCC
#CECDCA
#CECFC8
#CED2C5
#D1C2D2
#D1C5CF
#D1C7CD
#D1CACA
#D1CCC8
#D1CFC5
#D1D2C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts