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 #C8D2E7 to #C8E7D2 and to #D2C8E7
#C8D2E7
#C8D2E7
#C8D2E7
#C8D2E7
#C8D2E7
#C8D2E7
#C8D2E7
#C8D5E4
#C8D4E4
#C9D3E5
#C9D3E5
#C9D2E6
#CAD1E6
#CAD0E7
#C8D9E0
#C8D7E1
#C9D6E2
#C9D4E3
#CAD3E4
#CAD1E6
#CBCFE7
#C8DCDD
#C9DADF
#CAD7E0
#CAD5E2
#CBD2E3
#CCD0E5
#CDCDE7
#C8DFDA
#C9DCDC
#CAD9DE
#CBD6E0
#CCD3E2
#CDD0E4
#CECCE7
#C8E3D6
#C9DFD9
#CBDBDB
#CCD7DE
#CDD3E1
#CECFE4
#D0CAE7
#C8E7D2
#CAE2D5
#CBDDD9
#CDD8DC
#CED3DF
#D0CEE3
#D2C8E7
Colorpallet from #C8D2E7 to #C8E7D2 and to #D2E7C8
#C8D2E7
#C8D2E7
#C8D2E7
#C8D2E7
#C8D2E7
#C8D2E7
#C8D2E7
#C8D5E4
#C8D5E4
#C9D5E3
#C9D5E3
#C9D5E3
#CAD5E2
#CAD5E2
#C8D9E0
#C8D9E0
#C9D9DF
#C9D9DF
#CAD9DE
#CAD9DE
#CBD9DD
#C8DCDD
#C9DCDC
#CADCDB
#CADCDB
#CBDCDA
#CCDCD9
#CDDCD8
#C8DFDA
#C9DFD9
#CADFD8
#CBDFD7
#CCDFD6
#CDDFD4
#CEDFD3
#C8E3D6
#C9E3D5
#CBE3D3
#CCE3D2
#CDE3D1
#CEE3D0
#D0E3CE
#C8E7D2
#CAE7D0
#CBE7CF
#CDE7CD
#CEE7CC
#D0E7CA
#D2E7C8
Colorpallet from #C8D2E7 to #C8E7D2 and to #E7C8D2
#C8D2E7
#C8D2E7
#C8D2E7
#C8D2E7
#C8D2E7
#C8D2E7
#C8D2E7
#C8D5E4
#C9D4E4
#CAD3E4
#CAD3E4
#CBD2E4
#CCD1E4
#CDD0E4
#C8D9E0
#CAD7E0
#CBD6E0
#CDD4E0
#CED3E0
#D0D1E0
#D2CFE0
#C8DCDD
#CADADD
#CDD7DD
#CFD5DD
#D2D2DD
#D4D0DD
#D7CDDD
#C8DFDA
#CBDCDA
#CED9DA
#D2D6DA
#D5D3DA
#D8D0DA
#DCCCDA
#C8E3D6
#CCDFD6
#D0DBD6
#D4D7D6
#D8D3D6
#DCCFD6
#E1CAD6
#C8E7D2
#CDE2D2
#D2DDD2
#D7D8D2
#DCD3D2
#E1CED2
#E7C8D2
Colorpallet from #C8D2E7 to #C8E7D2 and to #E7D2C8
#C8D2E7
#C8D2E7
#C8D2E7
#C8D2E7
#C8D2E7
#C8D2E7
#C8D2E7
#C8D5E4
#C9D5E4
#CAD4E3
#CAD4E3
#CBD3E3
#CCD3E2
#CDD2E2
#C8D9E0
#CAD8E0
#CBD7DF
#CDD6DF
#CED5DE
#D0D3DE
#D2D2DD
#C8DCDD
#CADADC
#CDD9DB
#CFD7DB
#D2D6DA
#D4D4D9
#D7D2D8
#C8DFDA
#CBDDD9
#CEDBD8
#D2D9D7
#D5D7D6
#D8D5D4
#DCD2D3
#C8E3D6
#CCE0D5
#D0DED3
#D4DBD2
#D8D8D1
#DCD5D0
#E1D2CE
#C8E7D2
#CDE4D0
#D2E0CF
#D7DDCD
#DCDACC
#E1D6CA
#E7D2C8
Colorpallet from #C8D2E7 to #D2C8E7 and to #D2E7C8
#C8D2E7
#C8D2E7
#C8D2E7
#C8D2E7
#C8D2E7
#C8D2E7
#C8D2E7
#CAD0E7
#CAD1E6
#CAD2E5
#CAD2E5
#CAD3E4
#CAD4E3
#CAD5E2
#CBCFE7
#CBD1E5
#CBD2E4
#CBD4E2
#CBD5E1
#CBD7DF
#CBD9DD
#CDCDE7
#CDCFE5
#CDD2E2
#CDD4E0
#CDD7DD
#CDD9DB
#CDDCD8
#CECCE7
#CECFE4
#CED2E1
#CED5DD
#CED8DA
#CEDBD7
#CEDFD3
#D0CAE7
#D0CEE3
#D0D2DF
#D0D6DB
#D0DAD7
#D0DED3
#D0E3CE
#D2C8E7
#D2CDE2
#D2D2DD
#D2D7D8
#D2DCD3
#D2E1CE
#D2E7C8
Colorpallet from #C8D2E7 to #D2C8E7 and to #E7C8D2
#C8D2E7
#C8D2E7
#C8D2E7
#C8D2E7
#C8D2E7
#C8D2E7
#C8D2E7
#CAD0E7
#CAD0E7
#CBD0E6
#CBD0E6
#CCD0E5
#CCD0E5
#CDD0E4
#CBCFE7
#CCCFE6
#CDCFE5
#CECFE4
#CFCFE3
#D1CFE1
#D2CFE0
#CDCDE7
#CFCDE5
#D0CDE4
#D2CDE2
#D3CDE1
#D5CDDF
#D7CDDD
#CECCE7
#D0CCE5
#D2CCE3
#D5CCE1
#D7CCDF
#D9CCDD
#DCCCDA
#D0CAE7
#D3CAE4
#D5CAE2
#D8CADF
#DBCADC
#DECAD9
#E1CAD6
#D2C8E7
#D5C8E4
#D9C8E0
#DCC8DD
#DFC8DA
#E3C8D6
#E7C8D2
Colorpallet from #C8D2E7 to #D2C8E7 and to #E7D2C8
#C8D2E7
#C8D2E7
#C8D2E7
#C8D2E7
#C8D2E7
#C8D2E7
#C8D2E7
#CAD0E7
#CAD0E6
#CBD1E5
#CBD1E5
#CCD1E4
#CCD2E3
#CDD2E2
#CBCFE7
#CCCFE5
#CDD0E4
#CED0E2
#CFD1E1
#D1D1DF
#D2D2DD
#CDCDE7
#CFCEE5
#D0CFE2
#D2CFE0
#D3D0DD
#D5D1DB
#D7D2D8
#CECCE7
#D0CDE4
#D2CEE1
#D5CFDD
#D7D0DA
#D9D1D7
#DCD2D3
#D0CAE7
#D3CBE3
#D5CDDF
#D8CEDB
#DBCFD7
#DED0D3
#E1D2CE
#D2C8E7
#D5CAE2
#D9CBDD
#DCCDD8
#DFCED3
#E3D0CE
#E7D2C8
Colorpallet from #C8D2E7 to #D2E7C8 and to #E7C8D2
#C8D2E7
#C8D2E7
#C8D2E7
#C8D2E7
#C8D2E7
#C8D2E7
#C8D2E7
#CAD5E2
#CAD4E2
#CBD3E3
#CBD3E3
#CCD2E3
#CCD1E4
#CDD0E4
#CBD9DD
#CCD7DD
#CDD6DE
#CED4DE
#CFD3DF
#D1D1DF
#D2CFE0
#CDDCD8
#CFDAD9
#D0D7DA
#D2D5DA
#D3D2DB
#D5D0DC
#D7CDDD
#CEDFD3
#D0DCD4
#D2D9D5
#D5D6D6
#D7D3D7
#D9D0D9
#DCCCDA
#D0E3CE
#D3DFCF
#D5DBD1
#D8D7D2
#DBD3D3
#DECFD4
#E1CAD6
#D2E7C8
#D5E2CA
#D9DDCB
#DCD8CD
#DFD3CE
#E3CED0
#E7C8D2
Colorpallet from #C8D2E7 to #D2E7C8 and to #E7D2C8
#C8D2E7
#C8D2E7
#C8D2E7
#C8D2E7
#C8D2E7
#C8D2E7
#C8D2E7
#CAD5E2
#CAD5E2
#CBD4E2
#CBD4E2
#CCD3E2
#CCD3E2
#CDD2E2
#CBD9DD
#CCD8DD
#CDD7DD
#CED6DD
#CFD5DD
#D1D3DD
#D2D2DD
#CDDCD8
#CFDAD8
#D0D9D8
#D2D7D8
#D3D6D8
#D5D4D8
#D7D2D8
#CEDFD3
#D0DDD3
#D2DBD3
#D5D9D3
#D7D7D3
#D9D5D3
#DCD2D3
#D0E3CE
#D3E0CE
#D5DECE
#D8DBCE
#DBD8CE
#DED5CE
#E1D2CE
#D2E7C8
#D5E4C8
#D9E0C8
#DCDDC8
#DFDAC8
#E3D6C8
#E7D2C8
Colorpallet from #C8D2E7 to #E7C8D2 and to #E7D2C8
#C8D2E7
#C8D2E7
#C8D2E7
#C8D2E7
#C8D2E7
#C8D2E7
#C8D2E7
#CDD0E4
#CDD0E4
#CDD1E3
#CDD1E3
#CDD1E3
#CDD2E2
#CDD2E2
#D2CFE0
#D2CFE0
#D2D0DF
#D2D0DF
#D2D1DE
#D2D1DE
#D2D2DD
#D7CDDD
#D7CEDC
#D7CFDB
#D7CFDB
#D7D0DA
#D7D1D9
#D7D2D8
#DCCCDA
#DCCDD9
#DCCED8
#DCCFD7
#DCD0D6
#DCD1D4
#DCD2D3
#E1CAD6
#E1CBD5
#E1CDD3
#E1CED2
#E1CFD1
#E1D0D0
#E1D2CE
#E7C8D2
#E7CAD0
#E7CBCF
#E7CDCD
#E7CECC
#E7D0CA
#E7D2C8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts