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 #C5D7C9 to #C5C9D7 and to #D7C5C9
#C5D7C9
#C5D7C9
#C5D7C9
#C5D7C9
#C5D7C9
#C5D7C9
#C5D7C9
#C5D5CB
#C5D5CB
#C6D5CA
#C6D5CA
#C7D4CA
#C7D4C9
#C8D4C9
#C5D3CD
#C6D3CC
#C7D2CC
#C8D2CB
#C9D2CA
#CAD1CA
#CBD1C9
#C5D0D0
#C6D0CF
#C8CFCE
#C9CFCD
#CBCFCC
#CCCECA
#CECEC9
#C5CED2
#C7CED1
#C9CDCF
#CBCDCE
#CDCCCC
#CFCCCB
#D1CBC9
#C5CCD4
#C7CCD2
#C9CBD0
#CCCBCF
#CECACD
#D0CACB
#D3C9C9
#C5C9D7
#C8C8D5
#CBC8D3
#CEC7D0
#D1C6CE
#D3C6CC
#D7C5C9
Colorpallet from #C5D7C9 to #C5C9D7 and to #D7C9C5
#C5D7C9
#C5D7C9
#C5D7C9
#C5D7C9
#C5D7C9
#C5D7C9
#C5D7C9
#C5D5CB
#C5D5CB
#C6D5CA
#C6D5CA
#C7D5C9
#C7D5C9
#C8D5C8
#C5D3CD
#C6D3CC
#C7D3CB
#C8D3CB
#C9D3CA
#CAD3C9
#CBD3C8
#C5D0D0
#C6D0CF
#C8D0CD
#C9D0CC
#CBD0CA
#CCD0C9
#CED0C7
#C5CED2
#C7CED0
#C9CECE
#CBCECC
#CDCECA
#CFCEC8
#D1CEC6
#C5CCD4
#C7CCD2
#C9CCD0
#CCCCCD
#CECCCB
#D0CCC9
#D3CCC6
#C5C9D7
#C8C9D4
#CBC9D1
#CEC9CE
#D1C9CB
#D3C9C9
#D7C9C5
Colorpallet from #C5D7C9 to #C5C9D7 and to #C9C5D7
#C5D7C9
#C5D7C9
#C5D7C9
#C5D7C9
#C5D7C9
#C5D7C9
#C5D7C9
#C5D5CB
#C5D5CB
#C5D5CB
#C5D5CB
#C6D4CB
#C6D4CB
#C6D4CB
#C5D3CD
#C5D3CD
#C5D2CD
#C5D2CD
#C6D2CD
#C6D1CD
#C6D1CD
#C5D0D0
#C5D0D0
#C6CFD0
#C6CFD0
#C6CFD0
#C7CED0
#C7CED0
#C5CED2
#C5CED2
#C6CDD2
#C6CDD2
#C7CCD2
#C7CCD2
#C8CBD2
#C5CCD4
#C5CCD4
#C6CBD4
#C6CBD4
#C7CAD4
#C7CAD4
#C8C9D4
#C5C9D7
#C6C8D7
#C6C8D7
#C7C7D7
#C8C6D7
#C8C6D7
#C9C5D7
Colorpallet from #C5D7C9 to #C5C9D7 and to #C9D7C5
#C5D7C9
#C5D7C9
#C5D7C9
#C5D7C9
#C5D7C9
#C5D7C9
#C5D7C9
#C5D5CB
#C5D5CB
#C5D6CA
#C5D6CA
#C6D6C9
#C6D7C9
#C6D7C8
#C5D3CD
#C5D4CC
#C5D4CB
#C5D5CB
#C6D6CA
#C6D6C9
#C6D7C8
#C5D0D0
#C5D1CF
#C6D2CD
#C6D3CC
#C6D4CA
#C7D6C9
#C7D7C7
#C5CED2
#C5CFD0
#C6D1CE
#C6D2CC
#C7D4CA
#C7D5C8
#C8D7C6
#C5CCD4
#C5CED2
#C6D0D0
#C6D1CD
#C7D3CB
#C7D5C9
#C8D7C6
#C5C9D7
#C6CBD4
#C6CDD1
#C7D0CE
#C8D2CB
#C8D4C9
#C9D7C5
Colorpallet from #C5D7C9 to #D7C5C9 and to #D7C9C5
#C5D7C9
#C5D7C9
#C5D7C9
#C5D7C9
#C5D7C9
#C5D7C9
#C5D7C9
#C8D4C9
#C8D4C9
#C8D4C9
#C8D4C9
#C8D5C8
#C8D5C8
#C8D5C8
#CBD1C9
#CBD1C9
#CBD2C9
#CBD2C9
#CBD2C8
#CBD3C8
#CBD3C8
#CECEC9
#CECEC9
#CECFC8
#CECFC8
#CECFC8
#CED0C7
#CED0C7
#D1CBC9
#D1CBC9
#D1CCC8
#D1CCC8
#D1CDC7
#D1CDC7
#D1CEC6
#D3C9C9
#D3C9C9
#D3CAC8
#D3CAC8
#D3CBC7
#D3CBC7
#D3CCC6
#D7C5C9
#D7C6C8
#D7C6C8
#D7C7C7
#D7C8C6
#D7C8C6
#D7C9C5
Colorpallet from #C5D7C9 to #D7C5C9 and to #C9C5D7
#C5D7C9
#C5D7C9
#C5D7C9
#C5D7C9
#C5D7C9
#C5D7C9
#C5D7C9
#C8D4C9
#C8D4C9
#C7D4CA
#C7D4CA
#C7D4CA
#C6D4CB
#C6D4CB
#CBD1C9
#CAD1CA
#C9D1CA
#C9D1CB
#C8D1CC
#C7D1CC
#C6D1CD
#CECEC9
#CDCECA
#CCCECB
#CBCECC
#CACECD
#C8CECF
#C7CED0
#D1CBC9
#D0CBCA
#CECBCC
#CDCBCD
#CBCBCF
#CACBD0
#C8CBD2
#D3C9C9
#D1C9CB
#CFC9CD
#CEC9CE
#CCC9D0
#CAC9D2
#C8C9D4
#D7C5C9
#D5C5CB
#D3C5CD
#D0C5D0
#CEC5D2
#CCC5D4
#C9C5D7
Colorpallet from #C5D7C9 to #D7C5C9 and to #C9D7C5
#C5D7C9
#C5D7C9
#C5D7C9
#C5D7C9
#C5D7C9
#C5D7C9
#C5D7C9
#C8D4C9
#C8D4C9
#C7D5C9
#C7D5C9
#C7D6C8
#C6D6C8
#C6D7C8
#CBD1C9
#CAD2C9
#C9D3C9
#C9D4C9
#C8D5C8
#C7D6C8
#C6D7C8
#CECEC9
#CDCFC9
#CCD1C8
#CBD2C8
#CAD4C8
#C8D5C7
#C7D7C7
#D1CBC9
#D0CDC9
#CECFC8
#CDD1C8
#CBD3C7
#CAD5C7
#C8D7C6
#D3C9C9
#D1CBC9
#CFCDC8
#CED0C8
#CCD2C7
#CAD4C7
#C8D7C6
#D7C5C9
#D5C8C8
#D3CBC8
#D0CEC7
#CED1C6
#CCD3C6
#C9D7C5
Colorpallet from #C5D7C9 to #D7C9C5 and to #C9C5D7
#C5D7C9
#C5D7C9
#C5D7C9
#C5D7C9
#C5D7C9
#C5D7C9
#C5D7C9
#C8D5C8
#C8D5C8
#C7D5C9
#C7D5C9
#C7D4CA
#C6D4CA
#C6D4CB
#CBD3C8
#CAD3C9
#C9D2CA
#C9D2CA
#C8D2CB
#C7D1CC
#C6D1CD
#CED0C7
#CDD0C8
#CCCFCA
#CBCFCB
#CACFCD
#C8CECE
#C7CED0
#D1CEC6
#D0CEC8
#CECDCA
#CDCDCC
#CBCCCE
#CACCD0
#C8CBD2
#D3CCC6
#D1CCC8
#CFCBCA
#CECBCD
#CCCACF
#CACAD1
#C8C9D4
#D7C9C5
#D5C8C8
#D3C8CB
#D0C7CE
#CEC6D1
#CCC6D3
#C9C5D7
Colorpallet from #C5D7C9 to #D7C9C5 and to #C9D7C5
#C5D7C9
#C5D7C9
#C5D7C9
#C5D7C9
#C5D7C9
#C5D7C9
#C5D7C9
#C8D5C8
#C8D5C8
#C7D6C8
#C7D6C8
#C7D6C8
#C6D7C8
#C6D7C8
#CBD3C8
#CAD4C8
#C9D4C8
#C9D5C8
#C8D6C8
#C7D6C8
#C6D7C8
#CED0C7
#CDD1C7
#CCD2C7
#CBD3C7
#CAD4C7
#C8D6C7
#C7D7C7
#D1CEC6
#D0CFC6
#CED1C6
#CDD2C6
#CBD4C6
#CAD5C6
#C8D7C6
#D3CCC6
#D1CEC6
#CFD0C6
#CED1C6
#CCD3C6
#CAD5C6
#C8D7C6
#D7C9C5
#D5CBC5
#D3CDC5
#D0D0C5
#CED2C5
#CCD4C5
#C9D7C5
Colorpallet from #C5D7C9 to #C9C5D7 and to #C9D7C5
#C5D7C9
#C5D7C9
#C5D7C9
#C5D7C9
#C5D7C9
#C5D7C9
#C5D7C9
#C6D4CB
#C6D4CB
#C6D5CA
#C6D5CA
#C6D6C9
#C6D6C9
#C6D7C8
#C6D1CD
#C6D2CC
#C6D3CB
#C6D4CB
#C6D5CA
#C6D6C9
#C6D7C8
#C7CED0
#C7CFCF
#C7D1CD
#C7D2CC
#C7D4CA
#C7D5C9
#C7D7C7
#C8CBD2
#C8CDD0
#C8CFCE
#C8D1CC
#C8D3CA
#C8D5C8
#C8D7C6
#C8C9D4
#C8CBD2
#C8CDD0
#C8D0CD
#C8D2CB
#C8D4C9
#C8D7C6
#C9C5D7
#C9C8D4
#C9CBD1
#C9CECE
#C9D1CB
#C9D3C9
#C9D7C5
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
