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 #B9D7D1 to #B9D1D7 and to #D7B9D1
#B9D7D1
#B9D7D1
#B9D7D1
#B9D7D1
#B9D7D1
#B9D7D1
#B9D7D1
#B9D6D2
#BAD5D2
#BBD5D2
#BBD4D2
#BCD3D1
#BDD3D1
#BED2D1
#B9D5D3
#BBD4D3
#BCD2D2
#BED1D2
#BFD0D2
#C1CFD1
#C3CDD1
#B9D4D4
#BBD2D4
#BDD0D3
#C0CFD3
#C2CDD2
#C4CBD2
#C7C9D1
#B9D3D5
#BCD1D4
#BFCED4
#C2CCD3
#C5C9D2
#C8C7D2
#CCC4D1
#B9D2D6
#BDCFD5
#C1CCD4
#C5C9D4
#C8C6D3
#CCC3D2
#D1BFD1
#B9D1D7
#BECDD6
#C3C9D5
#C7C5D4
#CCC2D3
#D1BED2
#D7B9D1
Colorpallet from #B9D7D1 to #B9D1D7 and to #D7D1B9
#B9D7D1
#B9D7D1
#B9D7D1
#B9D7D1
#B9D7D1
#B9D7D1
#B9D7D1
#B9D6D2
#BAD6D1
#BBD6D0
#BBD6D0
#BCD6CF
#BDD6CE
#BED6CD
#B9D5D3
#BBD5D1
#BCD5D0
#BED5CE
#BFD5CD
#C1D5CB
#C3D5C9
#B9D4D4
#BBD4D2
#BDD4CF
#C0D4CD
#C2D4CA
#C4D4C8
#C7D4C5
#B9D3D5
#BCD3D2
#BFD3CF
#C2D3CC
#C5D3C9
#C8D3C6
#CCD3C2
#B9D2D6
#BDD2D2
#C1D2CE
#C5D2CA
#C8D2C7
#CCD2C3
#D1D2BE
#B9D1D7
#BED1D2
#C3D1CD
#C7D1C9
#CCD1C4
#D1D1BF
#D7D1B9
Colorpallet from #B9D7D1 to #B9D1D7 and to #D1B9D7
#B9D7D1
#B9D7D1
#B9D7D1
#B9D7D1
#B9D7D1
#B9D7D1
#B9D7D1
#B9D6D2
#BAD5D2
#BAD5D2
#BBD4D2
#BCD3D2
#BCD3D2
#BDD2D2
#B9D5D3
#BAD4D3
#BCD2D3
#BDD1D3
#BED0D3
#BFCFD3
#C1CDD3
#B9D4D4
#BBD2D4
#BDD0D4
#BFCFD4
#C1CDD4
#C3CBD4
#C5C9D4
#B9D3D5
#BBD1D5
#BECED5
#C0CCD5
#C3C9D5
#C5C7D5
#C8C4D5
#B9D2D6
#BCCFD6
#BFCCD6
#C2C9D6
#C5C6D6
#C8C3D6
#CCBFD6
#B9D1D7
#BDCDD7
#C1C9D7
#C5C5D7
#C8C2D7
#CCBED7
#D1B9D7
Colorpallet from #B9D7D1 to #B9D1D7 and to #D1D7B9
#B9D7D1
#B9D7D1
#B9D7D1
#B9D7D1
#B9D7D1
#B9D7D1
#B9D7D1
#B9D6D2
#BAD6D1
#BAD6D0
#BBD6D0
#BCD7CF
#BCD7CE
#BDD7CD
#B9D5D3
#BAD5D1
#BCD6D0
#BDD6CE
#BED6CD
#BFD7CB
#C1D7C9
#B9D4D4
#BBD4D2
#BDD5CF
#BFD5CD
#C1D6CA
#C3D6C8
#C5D7C5
#B9D3D5
#BBD4D2
#BED4CF
#C0D5CC
#C3D6C9
#C5D6C6
#C8D7C2
#B9D2D6
#BCD3D2
#BFD4CE
#C2D4CA
#C5D5C7
#C8D6C3
#CCD7BE
#B9D1D7
#BDD2D2
#C1D3CD
#C5D4C9
#C8D5C4
#CCD6BF
#D1D7B9
Colorpallet from #B9D7D1 to #D7B9D1 and to #D7D1B9
#B9D7D1
#B9D7D1
#B9D7D1
#B9D7D1
#B9D7D1
#B9D7D1
#B9D7D1
#BED2D1
#BED3D0
#BED3D0
#BED4CF
#BED5CE
#BED5CE
#BED6CD
#C3CDD1
#C3CED0
#C3D0CE
#C3D1CD
#C3D2CC
#C3D3CB
#C3D5C9
#C7C9D1
#C7CBCF
#C7CDCD
#C7CECB
#C7D0C9
#C7D2C7
#C7D4C5
#CCC4D1
#CCC6CF
#CCC9CC
#CCCBCA
#CCCEC7
#CCD0C5
#CCD3C2
#D1BFD1
#D1C2CE
#D1C5CB
#D1C8C8
#D1CBC5
#D1CEC2
#D1D2BE
#D7B9D1
#D7BDCD
#D7C1C9
#D7C5C5
#D7C8C2
#D7CCBE
#D7D1B9
Colorpallet from #B9D7D1 to #D7B9D1 and to #D1B9D7
#B9D7D1
#B9D7D1
#B9D7D1
#B9D7D1
#B9D7D1
#B9D7D1
#B9D7D1
#BED2D1
#BED2D1
#BED2D1
#BED2D1
#BDD2D2
#BDD2D2
#BDD2D2
#C3CDD1
#C3CDD1
#C2CDD2
#C2CDD2
#C2CDD2
#C1CDD3
#C1CDD3
#C7C9D1
#C7C9D1
#C6C9D2
#C6C9D2
#C6C9D3
#C5C9D3
#C5C9D4
#CCC4D1
#CBC4D2
#CBC4D2
#CAC4D3
#C9C4D4
#C9C4D4
#C8C4D5
#D1BFD1
#D0BFD2
#CFBFD3
#CFBFD3
#CEBFD4
#CDBFD5
#CCBFD6
#D7B9D1
#D6B9D2
#D5B9D3
#D4B9D4
#D3B9D5
#D2B9D6
#D1B9D7
Colorpallet from #B9D7D1 to #D7B9D1 and to #D1D7B9
#B9D7D1
#B9D7D1
#B9D7D1
#B9D7D1
#B9D7D1
#B9D7D1
#B9D7D1
#BED2D1
#BED3D0
#BED4D0
#BED4CF
#BDD5CE
#BDD6CE
#BDD7CD
#C3CDD1
#C3CFD0
#C2D0CE
#C2D2CD
#C2D3CC
#C1D5CB
#C1D7C9
#C7C9D1
#C7CBCF
#C6CDCD
#C6D0CB
#C6D2C9
#C5D4C7
#C5D7C5
#CCC4D1
#CBC7CF
#CBCACC
#CACDCA
#C9D0C7
#C9D3C5
#C8D7C2
#D1BFD1
#D0C3CE
#CFC7CB
#CFCBC8
#CECEC5
#CDD2C2
#CCD7BE
#D7B9D1
#D6BECD
#D5C3C9
#D4C7C5
#D3CCC2
#D2D1BE
#D1D7B9
Colorpallet from #B9D7D1 to #D7D1B9 and to #D1B9D7
#B9D7D1
#B9D7D1
#B9D7D1
#B9D7D1
#B9D7D1
#B9D7D1
#B9D7D1
#BED6CD
#BED5CE
#BED5CF
#BED4CF
#BDD3D0
#BDD3D1
#BDD2D2
#C3D5C9
#C3D4CB
#C2D2CC
#C2D1CE
#C2D0CF
#C1CFD1
#C1CDD3
#C7D4C5
#C7D2C7
#C6D0CA
#C6CFCC
#C6CDCF
#C5CBD1
#C5C9D4
#CCD3C2
#CBD1C5
#CBCEC8
#CACCCB
#C9C9CE
#C9C7D1
#C8C4D5
#D1D2BE
#D0CFC2
#CFCCC6
#CFC9CA
#CEC6CD
#CDC3D1
#CCBFD6
#D7D1B9
#D6CDBE
#D5C9C3
#D4C5C7
#D3C2CC
#D2BED1
#D1B9D7
Colorpallet from #B9D7D1 to #D7D1B9 and to #D1D7B9
#B9D7D1
#B9D7D1
#B9D7D1
#B9D7D1
#B9D7D1
#B9D7D1
#B9D7D1
#BED6CD
#BED6CD
#BED6CD
#BED6CD
#BDD7CD
#BDD7CD
#BDD7CD
#C3D5C9
#C3D5C9
#C2D6C9
#C2D6C9
#C2D6C9
#C1D7C9
#C1D7C9
#C7D4C5
#C7D4C5
#C6D5C5
#C6D5C5
#C6D6C5
#C5D6C5
#C5D7C5
#CCD3C2
#CBD4C2
#CBD4C2
#CAD5C2
#C9D6C2
#C9D6C2
#C8D7C2
#D1D2BE
#D0D3BE
#CFD4BE
#CFD4BE
#CED5BE
#CDD6BE
#CCD7BE
#D7D1B9
#D6D2B9
#D5D3B9
#D4D4B9
#D3D5B9
#D2D6B9
#D1D7B9
Colorpallet from #B9D7D1 to #D1B9D7 and to #D1D7B9
#B9D7D1
#B9D7D1
#B9D7D1
#B9D7D1
#B9D7D1
#B9D7D1
#B9D7D1
#BDD2D2
#BDD3D1
#BDD4D0
#BDD4D0
#BDD5CF
#BDD6CE
#BDD7CD
#C1CDD3
#C1CFD1
#C1D0D0
#C1D2CE
#C1D3CD
#C1D5CB
#C1D7C9
#C5C9D4
#C5CBD2
#C5CDCF
#C5D0CD
#C5D2CA
#C5D4C8
#C5D7C5
#C8C4D5
#C8C7D2
#C8CACF
#C8CDCC
#C8D0C9
#C8D3C6
#C8D7C2
#CCBFD6
#CCC3D2
#CCC7CE
#CCCBCA
#CCCEC7
#CCD2C3
#CCD7BE
#D1B9D7
#D1BED2
#D1C3CD
#D1C7C9
#D1CCC4
#D1D1BF
#D1D7B9
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
