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 #B2CDE9 to #B2E9CD and to #CDB2E9
#B2CDE9
#B2CDE9
#B2CDE9
#B2CDE9
#B2CDE9
#B2CDE9
#B2CDE9
#B2D1E5
#B3D0E6
#B3CEE6
#B4CDE7
#B5CCE8
#B5CBE8
#B6C9E9
#B2D6E0
#B3D3E1
#B5D0E3
#B6CDE4
#B8CAE6
#B9C8E7
#BBC4E9
#B2DADC
#B4D6DE
#B6D2E0
#B8CEE2
#BAC9E4
#BCC5E6
#BFC0E9
#B2DFD7
#B5D9DA
#B7D4DD
#BACEE0
#BDC9E3
#C0C3E5
#C3BCE9
#B2E3D3
#B6DCD7
#B9D5DA
#BDCEDE
#C0C7E1
#C4C0E5
#C8B7E9
#B2E9CD
#B6E0D1
#BBD7D6
#BFCFDA
#C3C6DF
#C8BDE3
#CDB2E9
Colorpallet from #B2CDE9 to #B2E9CD and to #CDE9B2
#B2CDE9
#B2CDE9
#B2CDE9
#B2CDE9
#B2CDE9
#B2CDE9
#B2CDE9
#B2D1E5
#B3D1E4
#B3D1E3
#B4D1E3
#B5D1E2
#B5D1E1
#B6D1E0
#B2D6E0
#B3D6DF
#B5D6DD
#B6D6DC
#B8D6DA
#B9D6D9
#BBD6D7
#B2DADC
#B4DADA
#B6DAD8
#B8DAD6
#BADAD4
#BCDAD2
#BFDACF
#B2DFD7
#B5DFD4
#B7DFD2
#BADFCF
#BDDFCC
#C0DFC9
#C3DFC6
#B2E3D3
#B6E3CF
#B9E3CC
#BDE3C8
#C0E3C5
#C4E3C1
#C8E3BD
#B2E9CD
#B6E9C9
#BBE9C4
#BFE9C0
#C3E9BC
#C8E9B7
#CDE9B2
Colorpallet from #B2CDE9 to #B2E9CD and to #E9B2CD
#B2CDE9
#B2CDE9
#B2CDE9
#B2CDE9
#B2CDE9
#B2CDE9
#B2CDE9
#B2D1E5
#B3D0E5
#B5CEE5
#B6CDE5
#B8CCE5
#B9CBE5
#BBC9E5
#B2D6E0
#B5D3E0
#B8D0E0
#BBCDE0
#BECAE0
#C0C8E0
#C4C4E0
#B2DADC
#B6D6DC
#BAD2DC
#BECEDC
#C3C9DC
#C7C5DC
#CCC0DC
#B2DFD7
#B8D9D7
#BDD4D7
#C3CED7
#C8C9D7
#CEC3D7
#D5BCD7
#B2E3D3
#B9DCD3
#C0D5D3
#C7CED3
#CEC7D3
#D5C0D3
#DEB7D3
#B2E9CD
#BBE0CD
#C4D7CD
#CCCFCD
#D5C6CD
#DEBDCD
#E9B2CD
Colorpallet from #B2CDE9 to #B2E9CD and to #E9CDB2
#B2CDE9
#B2CDE9
#B2CDE9
#B2CDE9
#B2CDE9
#B2CDE9
#B2CDE9
#B2D1E5
#B3D0E4
#B5D0E3
#B6CFE3
#B8CEE2
#B9CEE1
#BBCDE0
#B2D6E0
#B5D5DF
#B8D3DD
#BBD2DC
#BED0DA
#C0CFD9
#C4CDD7
#B2DADC
#B6D8DA
#BAD6D8
#BED4D6
#C3D2D4
#C7D0D2
#CCCDCF
#B2DFD7
#B8DCD4
#BDD9D2
#C3D6CF
#C8D3CC
#CED1C9
#D5CDC6
#B2E3D3
#B9DFCF
#C0DCCC
#C7D8C8
#CED5C5
#D5D1C1
#DECDBD
#B2E9CD
#BBE5C9
#C4E0C4
#CCDCC0
#D5D7BC
#DED3B7
#E9CDB2
Colorpallet from #B2CDE9 to #CDB2E9 and to #CDE9B2
#B2CDE9
#B2CDE9
#B2CDE9
#B2CDE9
#B2CDE9
#B2CDE9
#B2CDE9
#B6C9E9
#B6CAE8
#B6CCE6
#B6CDE5
#B6CEE3
#B6CFE2
#B6D1E0
#BBC4E9
#BBC7E6
#BBCAE3
#BBCDE0
#BBD0DD
#BBD2DB
#BBD6D7
#BFC0E9
#BFC4E5
#BFC8E1
#BFCCDD
#BFD1D8
#BFD5D4
#BFDACF
#C3BCE9
#C3C2E3
#C3C7DE
#C3CDD8
#C3D2D3
#C3D8CD
#C3DFC6
#C8B7E9
#C8BEE2
#C8C5DB
#C8CCD4
#C8D3CD
#C8DAC6
#C8E3BD
#CDB2E9
#CDBBE0
#CDC4D7
#CDCCCF
#CDD5C6
#CDDEBD
#CDE9B2
Colorpallet from #B2CDE9 to #CDB2E9 and to #E9B2CD
#B2CDE9
#B2CDE9
#B2CDE9
#B2CDE9
#B2CDE9
#B2CDE9
#B2CDE9
#B6C9E9
#B7C9E8
#B8C9E8
#B8C9E7
#B9C9E6
#BAC9E6
#BBC9E5
#BBC4E9
#BCC4E8
#BEC4E6
#BFC4E5
#C1C4E3
#C2C4E2
#C4C4E0
#BFC0E9
#C1C0E7
#C3C0E5
#C5C0E3
#C7C0E1
#C9C0DF
#CCC0DC
#C3BCE9
#C6BCE6
#C9BCE3
#CCBCE0
#CFBCDD
#D1BCDB
#D5BCD7
#C8B7E9
#CCB7E5
#CFB7E2
#D3B7DE
#D6B7DB
#DAB7D7
#DEB7D3
#CDB2E9
#D1B2E5
#D6B2E0
#DAB2DC
#DFB2D7
#E3B2D3
#E9B2CD
Colorpallet from #B2CDE9 to #CDB2E9 and to #E9CDB2
#B2CDE9
#B2CDE9
#B2CDE9
#B2CDE9
#B2CDE9
#B2CDE9
#B2CDE9
#B6C9E9
#B7CAE8
#B8CAE6
#B8CBE5
#B9CCE3
#BACCE2
#BBCDE0
#BBC4E9
#BCC5E6
#BEC7E3
#BFC8E0
#C1CADD
#C2CBDB
#C4CDD7
#BFC0E9
#C1C2E5
#C3C4E1
#C5C6DD
#C7C8D8
#C9CAD4
#CCCDCF
#C3BCE9
#C6BFE3
#C9C1DE
#CCC4D8
#CFC7D3
#D1CACD
#D5CDC6
#C8B7E9
#CCBBE2
#CFBEDB
#D3C2D4
#D6C5CD
#DAC9C6
#DECDBD
#CDB2E9
#D1B6E0
#D6BBD7
#DABFCF
#DFC3C6
#E3C8BD
#E9CDB2
Colorpallet from #B2CDE9 to #CDE9B2 and to #E9B2CD
#B2CDE9
#B2CDE9
#B2CDE9
#B2CDE9
#B2CDE9
#B2CDE9
#B2CDE9
#B6D1E0
#B7D0E1
#B8CEE2
#B8CDE2
#B9CCE3
#BACBE4
#BBC9E5
#BBD6D7
#BCD3D8
#BED0DA
#BFCDDB
#C1CADD
#C2C8DE
#C4C4E0
#BFDACF
#C1D6D1
#C3D2D3
#C5CED5
#C7C9D7
#C9C5D9
#CCC0DC
#C3DFC6
#C6D9C9
#C9D4CB
#CCCECE
#CFC9D1
#D1C3D4
#D5BCD7
#C8E3BD
#CCDCC1
#CFD5C4
#D3CEC8
#D6C7CB
#DAC0CF
#DEB7D3
#CDE9B2
#D1E0B6
#D6D7BB
#DACFBF
#DFC6C3
#E3BDC8
#E9B2CD
Colorpallet from #B2CDE9 to #CDE9B2 and to #E9CDB2
#B2CDE9
#B2CDE9
#B2CDE9
#B2CDE9
#B2CDE9
#B2CDE9
#B2CDE9
#B6D1E0
#B7D0E0
#B8D0E0
#B8CFE0
#B9CEE0
#BACEE0
#BBCDE0
#BBD6D7
#BCD5D7
#BED3D7
#BFD2D7
#C1D0D7
#C2CFD7
#C4CDD7
#BFDACF
#C1D8CF
#C3D6CF
#C5D4CF
#C7D2CF
#C9D0CF
#CCCDCF
#C3DFC6
#C6DCC6
#C9D9C6
#CCD6C6
#CFD3C6
#D1D1C6
#D5CDC6
#C8E3BD
#CCDFBD
#CFDCBD
#D3D8BD
#D6D5BD
#DAD1BD
#DECDBD
#CDE9B2
#D1E5B2
#D6E0B2
#DADCB2
#DFD7B2
#E3D3B2
#E9CDB2
Colorpallet from #B2CDE9 to #E9B2CD and to #E9CDB2
#B2CDE9
#B2CDE9
#B2CDE9
#B2CDE9
#B2CDE9
#B2CDE9
#B2CDE9
#BBC9E5
#BBCAE4
#BBCAE3
#BBCBE3
#BBCCE2
#BBCCE1
#BBCDE0
#C4C4E0
#C4C5DF
#C4C7DD
#C4C8DC
#C4CADA
#C4CBD9
#C4CDD7
#CCC0DC
#CCC2DA
#CCC4D8
#CCC6D6
#CCC8D4
#CCCAD2
#CCCDCF
#D5BCD7
#D5BFD4
#D5C1D2
#D5C4CF
#D5C7CC
#D5CAC9
#D5CDC6
#DEB7D3
#DEBBCF
#DEBECC
#DEC2C8
#DEC5C5
#DEC9C1
#DECDBD
#E9B2CD
#E9B6C9
#E9BBC4
#E9BFC0
#E9C3BC
#E9C8B7
#E9CDB2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts