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 #BCD6E2 to #BCE2D6 and to #D6BCE2
#BCD6E2
#BCD6E2
#BCD6E2
#BCD6E2
#BCD6E2
#BCD6E2
#BCD6E2
#BCD8E0
#BDD7E0
#BDD6E1
#BED5E1
#BFD4E1
#BFD3E2
#C0D2E2
#BCDADE
#BDD8DF
#BFD6DF
#C0D4E0
#C1D2E1
#C2D0E1
#C4CEE2
#BCDCDC
#BED9DD
#C0D6DE
#C2D3DF
#C4D0E0
#C6CEE1
#C8CAE2
#BCDEDA
#BFDADB
#C1D6DD
#C4D2DE
#C7CEDF
#CACAE0
#CDC5E2
#BCE0D8
#BFDBDA
#C3D6DB
#C6D1DD
#C9CCDE
#CDC7E0
#D1C1E2
#BCE2D6
#C0DCD8
#C4D6DA
#C8D0DC
#CDCADE
#D1C4E0
#D6BCE2
Colorpallet from #BCD6E2 to #BCE2D6 and to #D6E2BC
#BCD6E2
#BCD6E2
#BCD6E2
#BCD6E2
#BCD6E2
#BCD6E2
#BCD6E2
#BCD8E0
#BDD8DF
#BDD8DF
#BED8DE
#BFD8DD
#BFD8DD
#C0D8DC
#BCDADE
#BDDADD
#BFDADB
#C0DADA
#C1DAD9
#C2DAD8
#C4DAD6
#BCDCDC
#BEDCDA
#C0DCD8
#C2DCD6
#C4DCD4
#C6DCD2
#C8DCD0
#BCDEDA
#BFDED7
#C1DED5
#C4DED2
#C7DED0
#CADECD
#CDDECA
#BCE0D8
#BFE0D5
#C3E0D2
#C6E0CE
#C9E0CB
#CDE0C8
#D1E0C4
#BCE2D6
#C0E2D2
#C4E2CE
#C8E2CA
#CDE2C5
#D1E2C1
#D6E2BC
Colorpallet from #BCD6E2 to #BCE2D6 and to #E2BCD6
#BCD6E2
#BCD6E2
#BCD6E2
#BCD6E2
#BCD6E2
#BCD6E2
#BCD6E2
#BCD8E0
#BDD7E0
#BED6E0
#BFD5E0
#C0D4E0
#C1D3E0
#C2D2E0
#BCDADE
#BED8DE
#C0D6DE
#C2D4DE
#C4D2DE
#C6D0DE
#C8CEDE
#BCDCDC
#BFD9DC
#C2D6DC
#C5D3DC
#C8D0DC
#CACEDC
#CECADC
#BCDEDA
#C0DADA
#C4D6DA
#C8D2DA
#CBCEDA
#CFCADA
#D4C5DA
#BCE0D8
#C1DBD8
#C6D6D8
#CAD1D8
#CFCCD8
#D4C7D8
#DAC1D8
#BCE2D6
#C2DCD6
#C8D6D6
#CED0D6
#D4CAD6
#DAC4D6
#E2BCD6
Colorpallet from #BCD6E2 to #BCE2D6 and to #E2D6BC
#BCD6E2
#BCD6E2
#BCD6E2
#BCD6E2
#BCD6E2
#BCD6E2
#BCD6E2
#BCD8E0
#BDD8DF
#BED7DF
#BFD7DE
#C0D7DD
#C1D6DD
#C2D6DC
#BCDADE
#BED9DD
#C0D9DB
#C2D8DA
#C4D7D9
#C6D7D8
#C8D6D6
#BCDCDC
#BFDBDA
#C2DAD8
#C5D9D6
#C8D8D4
#CAD7D2
#CED6D0
#BCDEDA
#C0DDD7
#C4DBD5
#C8DAD2
#CBD9D0
#CFD8CD
#D4D6CA
#BCE0D8
#C1DED5
#C6DDD2
#CADBCE
#CFDACB
#D4D8C8
#DAD6C4
#BCE2D6
#C2E0D2
#C8DECE
#CEDCCA
#D4DAC5
#DAD8C1
#E2D6BC
Colorpallet from #BCD6E2 to #D6BCE2 and to #D6E2BC
#BCD6E2
#BCD6E2
#BCD6E2
#BCD6E2
#BCD6E2
#BCD6E2
#BCD6E2
#C0D2E2
#C0D3E1
#C0D4E0
#C0D5DF
#C0D6DE
#C0D7DD
#C0D8DC
#C4CEE2
#C4D0E0
#C4D2DE
#C4D4DC
#C4D6DA
#C4D8D8
#C4DAD6
#C8CAE2
#C8CDDF
#C8D0DC
#C8D3D9
#C8D6D6
#C8D8D4
#C8DCD0
#CDC5E2
#CDC9DE
#CDCDDA
#CDD1D6
#CDD5D3
#CDD9CF
#CDDECA
#D1C1E2
#D1C6DD
#D1CBD8
#D1D0D4
#D1D5CF
#D1DACA
#D1E0C4
#D6BCE2
#D6C2DC
#D6C8D6
#D6CED0
#D6D4CA
#D6DAC4
#D6E2BC
Colorpallet from #BCD6E2 to #D6BCE2 and to #E2BCD6
#BCD6E2
#BCD6E2
#BCD6E2
#BCD6E2
#BCD6E2
#BCD6E2
#BCD6E2
#C0D2E2
#C0D2E2
#C1D2E1
#C1D2E1
#C1D2E1
#C2D2E0
#C2D2E0
#C4CEE2
#C5CEE1
#C5CEE1
#C6CEE0
#C7CEDF
#C7CEDF
#C8CEDE
#C8CAE2
#C9CAE1
#CACAE0
#CBCADF
#CCCADE
#CDCADD
#CECADC
#CDC5E2
#CEC5E1
#CFC5DF
#D0C5DE
#D1C5DD
#D3C5DC
#D4C5DA
#D1C1E2
#D2C1E0
#D4C1DF
#D5C1DD
#D7C1DC
#D8C1DA
#DAC1D8
#D6BCE2
#D8BCE0
#DABCDE
#DCBCDC
#DEBCDA
#E0BCD8
#E2BCD6
Colorpallet from #BCD6E2 to #D6BCE2 and to #E2D6BC
#BCD6E2
#BCD6E2
#BCD6E2
#BCD6E2
#BCD6E2
#BCD6E2
#BCD6E2
#C0D2E2
#C0D3E1
#C1D3E0
#C1D4DF
#C1D5DE
#C2D5DD
#C2D6DC
#C4CEE2
#C5CFE0
#C5D1DE
#C6D2DC
#C7D3DA
#C7D4D8
#C8D6D6
#C8CAE2
#C9CCDF
#CACEDC
#CBD0D9
#CCD2D6
#CDD4D4
#CED6D0
#CDC5E2
#CEC8DE
#CFCADA
#D0CDD6
#D1D0D3
#D3D3CF
#D4D6CA
#D1C1E2
#D2C4DD
#D4C8D8
#D5CBD4
#D7CECF
#D8D2CA
#DAD6C4
#D6BCE2
#D8C0DC
#DAC4D6
#DCC8D0
#DECDCA
#E0D1C4
#E2D6BC
Colorpallet from #BCD6E2 to #D6E2BC and to #E2BCD6
#BCD6E2
#BCD6E2
#BCD6E2
#BCD6E2
#BCD6E2
#BCD6E2
#BCD6E2
#C0D8DC
#C0D7DD
#C1D6DD
#C1D5DE
#C1D4DF
#C2D3DF
#C2D2E0
#C4DAD6
#C5D8D7
#C5D6D9
#C6D4DA
#C7D2DB
#C7D0DC
#C8CEDE
#C8DCD0
#C9D9D2
#CAD6D4
#CBD3D6
#CCD0D8
#CDCEDA
#CECADC
#CDDECA
#CEDACD
#CFD6CF
#D0D2D2
#D1CED4
#D3CAD7
#D4C5DA
#D1E0C4
#D2DBC7
#D4D6CA
#D5D1CE
#D7CCD1
#D8C7D4
#DAC1D8
#D6E2BC
#D8DCC0
#DAD6C4
#DCD0C8
#DECACD
#E0C4D1
#E2BCD6
Colorpallet from #BCD6E2 to #D6E2BC and to #E2D6BC
#BCD6E2
#BCD6E2
#BCD6E2
#BCD6E2
#BCD6E2
#BCD6E2
#BCD6E2
#C0D8DC
#C0D8DC
#C1D7DC
#C1D7DC
#C1D7DC
#C2D6DC
#C2D6DC
#C4DAD6
#C5D9D6
#C5D9D6
#C6D8D6
#C7D7D6
#C7D7D6
#C8D6D6
#C8DCD0
#C9DBD0
#CADAD0
#CBD9D0
#CCD8D0
#CDD7D0
#CED6D0
#CDDECA
#CEDDCA
#CFDBCA
#D0DACA
#D1D9CA
#D3D8CA
#D4D6CA
#D1E0C4
#D2DEC4
#D4DDC4
#D5DBC4
#D7DAC4
#D8D8C4
#DAD6C4
#D6E2BC
#D8E0BC
#DADEBC
#DCDCBC
#DEDABC
#E0D8BC
#E2D6BC
Colorpallet from #BCD6E2 to #E2BCD6 and to #E2D6BC
#BCD6E2
#BCD6E2
#BCD6E2
#BCD6E2
#BCD6E2
#BCD6E2
#BCD6E2
#C2D2E0
#C2D3DF
#C2D3DF
#C2D4DE
#C2D5DD
#C2D5DD
#C2D6DC
#C8CEDE
#C8CFDD
#C8D1DB
#C8D2DA
#C8D3D9
#C8D4D8
#C8D6D6
#CECADC
#CECCDA
#CECED8
#CED0D6
#CED2D4
#CED4D2
#CED6D0
#D4C5DA
#D4C8D7
#D4CAD5
#D4CDD2
#D4D0D0
#D4D3CD
#D4D6CA
#DAC1D8
#DAC4D5
#DAC8D2
#DACBCE
#DACECB
#DAD2C8
#DAD6C4
#E2BCD6
#E2C0D2
#E2C4CE
#E2C8CA
#E2CDC5
#E2D1C1
#E2D6BC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts