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 #B8D7D4 to #B8D4D7 and to #D7B8D4
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#B9D6D4
#BAD5D4
#BAD5D4
#BBD4D4
#BCD3D4
#BDD2D4
#B8D6D5
#BAD5D5
#BBD3D5
#BDD2D5
#BED0D4
#C0CFD4
#C2CDD4
#B8D6D5
#BAD4D5
#BDD2D5
#BFCFD5
#C2CDD4
#C4CBD4
#C7C8D4
#B8D5D6
#BBD2D6
#BECFD5
#C2CCD5
#C5C9D5
#C8C7D4
#CCC3D4
#B8D5D6
#BCD1D6
#C0CED5
#C4CAD5
#C8C6D5
#CCC3D4
#D1BED4
#B8D4D7
#BDD0D7
#C2CBD6
#C7C7D6
#CCC2D5
#D1BED5
#D7B8D4
Colorpallet from #B8D7D4 to #B8D4D7 and to #D7D4B8
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#B9D7D3
#BAD7D3
#BAD7D2
#BBD7D1
#BCD7D1
#BDD7D0
#B8D6D5
#BAD6D3
#BBD6D2
#BDD6D0
#BED6CF
#C0D6CD
#C2D6CB
#B8D6D5
#BAD6D3
#BDD6D1
#BFD6CE
#C2D6CC
#C4D6CA
#C7D6C7
#B8D5D6
#BBD5D3
#BED5D0
#C2D5CC
#C5D5C9
#C8D5C6
#CCD5C2
#B8D5D6
#BCD5D2
#C0D5CE
#C4D5CA
#C8D5C7
#CCD5C3
#D1D5BE
#B8D4D7
#BDD4D2
#C2D4CD
#C7D4C8
#CCD4C3
#D1D4BE
#D7D4B8
Colorpallet from #B8D7D4 to #B8D4D7 and to #D4B8D7
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#B9D6D4
#B9D5D4
#BAD5D4
#BBD4D4
#BBD3D4
#BCD2D4
#B8D6D5
#B9D5D5
#BBD3D5
#BCD2D5
#BED0D5
#BFCFD5
#C1CDD5
#B8D6D5
#BAD4D5
#BCD2D5
#BECFD5
#C0CDD5
#C2CBD5
#C5C8D5
#B8D5D6
#BBD2D6
#BECFD6
#C1CCD6
#C4C9D6
#C6C7D6
#CAC3D6
#B8D5D6
#BCD1D6
#BFCED6
#C3CAD6
#C6C6D6
#CAC3D6
#CEBED6
#B8D4D7
#BCD0D7
#C1CBD7
#C5C7D7
#CAC2D7
#CEBED7
#D4B8D7
Colorpallet from #B8D7D4 to #B8D4D7 and to #D4D7B8
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#B9D7D3
#B9D7D3
#BAD7D2
#BBD7D1
#BBD7D1
#BCD7D0
#B8D6D5
#B9D6D3
#BBD6D2
#BCD6D0
#BED7CF
#BFD7CD
#C1D7CB
#B8D6D5
#BAD6D3
#BCD6D1
#BED6CE
#C0D7CC
#C2D7CA
#C5D7C7
#B8D5D6
#BBD5D3
#BED6D0
#C1D6CC
#C4D6C9
#C6D7C6
#CAD7C2
#B8D5D6
#BCD5D2
#BFD6CE
#C3D6CA
#C6D6C7
#CAD7C3
#CED7BE
#B8D4D7
#BCD4D2
#C1D5CD
#C5D5C8
#CAD6C3
#CED6BE
#D4D7B8
Colorpallet from #B8D7D4 to #D7B8D4 and to #D7D4B8
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#BDD2D4
#BDD3D3
#BDD4D3
#BDD4D2
#BDD5D1
#BDD6D1
#BDD7D0
#C2CDD4
#C2CED3
#C2D0D1
#C2D1D0
#C2D3CE
#C2D4CD
#C2D6CB
#C7C8D4
#C7CAD2
#C7CCD0
#C7CFCE
#C7D1CC
#C7D3CA
#C7D6C7
#CCC3D4
#CCC6D1
#CCC9CE
#CCCCCB
#CCCFC8
#CCD1C6
#CCD5C2
#D1BED4
#D1C2D0
#D1C5CD
#D1C9C9
#D1CDC6
#D1D0C2
#D1D5BE
#D7B8D4
#D7BCD0
#D7C1CB
#D7C5C7
#D7CAC2
#D7CEBE
#D7D4B8
Colorpallet from #B8D7D4 to #D7B8D4 and to #D4B8D7
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#BCD2D4
#BCD2D4
#BCD2D4
#C2CDD4
#C2CDD4
#C2CDD4
#C2CDD4
#C1CDD5
#C1CDD5
#C1CDD5
#C7C8D4
#C7C8D4
#C6C8D4
#C6C8D4
#C6C8D5
#C5C8D5
#C5C8D5
#CCC3D4
#CCC3D4
#CBC3D5
#CBC3D5
#CBC3D5
#CAC3D6
#CAC3D6
#D1BED4
#D1BED4
#D0BED5
#D0BED5
#CFBED5
#CFBED6
#CEBED6
#D7B8D4
#D7B8D4
#D6B8D5
#D6B8D5
#D5B8D6
#D5B8D6
#D4B8D7
Colorpallet from #B8D7D4 to #D7B8D4 and to #D4D7B8
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#BDD2D4
#BDD3D3
#BDD4D3
#BDD4D2
#BCD5D1
#BCD6D1
#BCD7D0
#C2CDD4
#C2CFD3
#C2D0D1
#C2D2D0
#C1D3CE
#C1D5CD
#C1D7CB
#C7C8D4
#C7CAD2
#C6CDD0
#C6CFCE
#C6D2CC
#C5D4CA
#C5D7C7
#CCC3D4
#CCC6D1
#CBC9CE
#CBCDCB
#CBD0C8
#CAD3C6
#CAD7C2
#D1BED4
#D1C2D0
#D0C6CD
#D0CAC9
#CFCEC6
#CFD2C2
#CED7BE
#D7B8D4
#D7BDD0
#D6C2CB
#D6C7C7
#D5CCC2
#D5D1BE
#D4D7B8
Colorpallet from #B8D7D4 to #D7D4B8 and to #D4B8D7
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#BDD7D0
#BDD6D1
#BDD5D1
#BDD5D2
#BCD4D3
#BCD3D3
#BCD2D4
#C2D6CB
#C2D5CD
#C2D3CE
#C2D2D0
#C1D0D1
#C1CFD3
#C1CDD5
#C7D6C7
#C7D4C9
#C6D2CB
#C6CFCE
#C6CDD0
#C5CBD2
#C5C8D5
#CCD5C2
#CCD2C5
#CBCFC8
#CBCCCC
#CBC9CF
#CAC7D2
#CAC3D6
#D1D5BE
#D1D1C2
#D0CEC6
#D0CACA
#CFC6CD
#CFC3D1
#CEBED6
#D7D4B8
#D7D0BD
#D6CBC2
#D6C7C7
#D5C2CC
#D5BED1
#D4B8D7
Colorpallet from #B8D7D4 to #D7D4B8 and to #D4D7B8
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#BDD7D0
#BDD7D0
#BDD7D0
#BDD7D0
#BCD7D0
#BCD7D0
#BCD7D0
#C2D6CB
#C2D6CB
#C2D6CB
#C2D6CB
#C1D7CB
#C1D7CB
#C1D7CB
#C7D6C7
#C7D6C7
#C6D6C7
#C6D6C7
#C6D7C7
#C5D7C7
#C5D7C7
#CCD5C2
#CCD5C2
#CBD6C2
#CBD6C2
#CBD6C2
#CAD7C2
#CAD7C2
#D1D5BE
#D1D5BE
#D0D6BE
#D0D6BE
#CFD6BE
#CFD7BE
#CED7BE
#D7D4B8
#D7D4B8
#D6D5B8
#D6D5B8
#D5D6B8
#D5D6B8
#D4D7B8
Colorpallet from #B8D7D4 to #D4B8D7 and to #D4D7B8
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#B8D7D4
#BCD2D4
#BCD3D3
#BCD4D3
#BCD4D2
#BCD5D1
#BCD6D1
#BCD7D0
#C1CDD5
#C1CFD3
#C1D0D2
#C1D2D0
#C1D3CF
#C1D5CD
#C1D7CB
#C5C8D5
#C5CAD3
#C5CDD1
#C5CFCE
#C5D2CC
#C5D4CA
#C5D7C7
#CAC3D6
#CAC6D3
#CAC9D0
#CACDCC
#CAD0C9
#CAD3C6
#CAD7C2
#CEBED6
#CEC2D2
#CEC6CE
#CECACA
#CECEC7
#CED2C3
#CED7BE
#D4B8D7
#D4BDD2
#D4C2CD
#D4C7C8
#D4CCC3
#D4D1BE
#D4D7B8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
