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 #B4DCE1 to #B4E1DC and to #DCB4E1
#B4DCE1
#B4DCE1
#B4DCE1
#B4DCE1
#B4DCE1
#B4DCE1
#B4DCE1
#B4DDE0
#B5DCE0
#B6DBE0
#B7DAE0
#B8D9E1
#B9D7E1
#BAD6E1
#B4DEDF
#B6DCDF
#B8D9E0
#BAD7E0
#BCD4E0
#BED2E1
#C1CFE1
#B4DEDF
#B7DBDF
#BAD7E0
#BDD4E0
#C0D1E0
#C3CDE1
#C7C9E1
#B4DFDE
#B8DADE
#BCD6DF
#C0D1DF
#C5CCE0
#C9C8E0
#CEC2E1
#B4E0DD
#B9DADE
#BED4DE
#C3CFDF
#C8C9E0
#CEC3E0
#D4BCE1
#B4E1DC
#BADADD
#C1D3DE
#C7CBDE
#CEC4DF
#D4BDE0
#DCB4E1
Colorpallet from #B4DCE1 to #B4E1DC and to #DCE1B4
#B4DCE1
#B4DCE1
#B4DCE1
#B4DCE1
#B4DCE1
#B4DCE1
#B4DCE1
#B4DDE0
#B5DDDF
#B6DDDE
#B7DDDD
#B8DDDC
#B9DDDB
#BADDDA
#B4DEDF
#B6DEDD
#B8DEDB
#BADED9
#BCDED7
#BEDED5
#C1DED3
#B4DEDF
#B7DEDC
#BADED9
#BDDED5
#C0DED2
#C3DECF
#C7DECB
#B4DFDE
#B8DFDA
#BCDFD6
#C0DFD2
#C5DFCD
#C9DFC9
#CEDFC4
#B4E0DD
#B9E0D8
#BEE0D3
#C3E0CE
#C8E0C9
#CEE0C3
#D4E0BD
#B4E1DC
#BAE1D6
#C1E1CF
#C7E1C9
#CEE1C2
#D4E1BC
#DCE1B4
Colorpallet from #B4DCE1 to #B4E1DC and to #E1B4DC
#B4DCE1
#B4DCE1
#B4DCE1
#B4DCE1
#B4DCE1
#B4DCE1
#B4DCE1
#B4DDE0
#B5DCE0
#B6DBE0
#B7DAE0
#B8D9E0
#BAD7E0
#BBD6E0
#B4DEDF
#B6DCDF
#B8D9DF
#BBD7DF
#BDD4DF
#BFD2DF
#C2CFDF
#B4DEDF
#B8DBDF
#BBD7DF
#BFD4DF
#C2D1DF
#C6CDDF
#CAC9DF
#B4DFDE
#B9DADE
#BDD6DE
#C2D1DE
#C7CCDE
#CBC8DE
#D1C2DE
#B4E0DD
#BADADD
#C0D4DD
#C5CFDD
#CBC9DD
#D1C3DD
#D8BCDD
#B4E1DC
#BBDADC
#C2D3DC
#CACBDC
#D1C4DC
#D8BDDC
#E1B4DC
Colorpallet from #B4DCE1 to #B4E1DC and to #E1DCB4
#B4DCE1
#B4DCE1
#B4DCE1
#B4DCE1
#B4DCE1
#B4DCE1
#B4DCE1
#B4DDE0
#B5DDDF
#B6DDDE
#B7DDDD
#B8DCDC
#BADCDB
#BBDCDA
#B4DEDF
#B6DEDD
#B8DDDB
#BBDDD9
#BDDDD7
#BFDCD5
#C2DCD3
#B4DEDF
#B8DEDC
#BBDDD9
#BFDDD5
#C2DDD2
#C6DCCF
#CADCCB
#B4DFDE
#B9DFDA
#BDDED6
#C2DED2
#C7DDCD
#CBDDC9
#D1DCC4
#B4E0DD
#BADFD8
#C0DFD3
#C5DECE
#CBDDC9
#D1DDC3
#D8DCBD
#B4E1DC
#BBE0D6
#C2DFCF
#CADFC9
#D1DEC2
#D8DDBC
#E1DCB4
Colorpallet from #B4DCE1 to #DCB4E1 and to #DCE1B4
#B4DCE1
#B4DCE1
#B4DCE1
#B4DCE1
#B4DCE1
#B4DCE1
#B4DCE1
#BAD6E1
#BAD7E0
#BAD8DF
#BAD9DE
#BADADD
#BADCDB
#BADDDA
#C1CFE1
#C1D1DF
#C1D4DD
#C1D6DA
#C1D9D8
#C1DBD6
#C1DED3
#C7C9E1
#C7CCDD
#C7D0DA
#C7D3D6
#C7D6D3
#C7DACF
#C7DECB
#CEC2E1
#CEC7DC
#CECBD8
#CED0D3
#CED5CE
#CED9CA
#CEDFC4
#D4BCE1
#D4C2DB
#D4C8D5
#D4CDD0
#D4D3CA
#D4D9C4
#D4E0BD
#DCB4E1
#DCBBDA
#DCC2D3
#DCCACB
#DCD1C4
#DCD8BD
#DCE1B4
Colorpallet from #B4DCE1 to #DCB4E1 and to #E1B4DC
#B4DCE1
#B4DCE1
#B4DCE1
#B4DCE1
#B4DCE1
#B4DCE1
#B4DCE1
#BAD6E1
#BAD6E1
#BAD6E1
#BAD6E1
#BBD6E0
#BBD6E0
#BBD6E0
#C1CFE1
#C1CFE1
#C1CFE0
#C1CFE0
#C2CFE0
#C2CFDF
#C2CFDF
#C7C9E1
#C7C9E1
#C8C9E0
#C8C9E0
#C9C9E0
#C9C9DF
#CAC9DF
#CEC2E1
#CEC2E1
#CFC2E0
#CFC2E0
#D0C2DF
#D0C2DF
#D1C2DE
#D4BCE1
#D5BCE0
#D5BCE0
#D6BCDF
#D7BCDE
#D7BCDE
#D8BCDD
#DCB4E1
#DDB4E0
#DEB4DF
#DEB4DF
#DFB4DE
#E0B4DD
#E1B4DC
Colorpallet from #B4DCE1 to #DCB4E1 and to #E1DCB4
#B4DCE1
#B4DCE1
#B4DCE1
#B4DCE1
#B4DCE1
#B4DCE1
#B4DCE1
#BAD6E1
#BAD7E0
#BAD8DF
#BAD9DE
#BBDADD
#BBDBDB
#BBDCDA
#C1CFE1
#C1D1DF
#C1D3DD
#C1D5DA
#C2D7D8
#C2D9D6
#C2DCD3
#C7C9E1
#C7CCDD
#C8CFDA
#C8D2D6
#C9D5D3
#C9D8CF
#CADCCB
#CEC2E1
#CEC6DC
#CFCAD8
#CFCED3
#D0D3CE
#D0D7CA
#D1DCC4
#D4BCE1
#D5C1DB
#D5C6D5
#D6CBD0
#D7D0CA
#D7D6C4
#D8DCBD
#DCB4E1
#DDBADA
#DEC1D3
#DEC7CB
#DFCEC4
#E0D4BD
#E1DCB4
Colorpallet from #B4DCE1 to #DCE1B4 and to #E1B4DC
#B4DCE1
#B4DCE1
#B4DCE1
#B4DCE1
#B4DCE1
#B4DCE1
#B4DCE1
#BADDDA
#BADCDB
#BADBDC
#BADADD
#BBD9DE
#BBD7DF
#BBD6E0
#C1DED3
#C1DCD5
#C1D9D7
#C1D7D9
#C2D4DB
#C2D2DD
#C2CFDF
#C7DECB
#C7DBCE
#C8D7D1
#C8D4D5
#C9D1D8
#C9CDDB
#CAC9DF
#CEDFC4
#CEDAC8
#CFD6CC
#CFD1D0
#D0CCD5
#D0C8D9
#D1C2DE
#D4E0BD
#D5DAC2
#D5D4C7
#D6CFCC
#D7C9D1
#D7C3D7
#D8BCDD
#DCE1B4
#DDDABA
#DED3C1
#DECBC7
#DFC4CE
#E0BDD4
#E1B4DC
Colorpallet from #B4DCE1 to #DCE1B4 and to #E1DCB4
#B4DCE1
#B4DCE1
#B4DCE1
#B4DCE1
#B4DCE1
#B4DCE1
#B4DCE1
#BADDDA
#BADDDA
#BADDDA
#BADDDA
#BBDCDA
#BBDCDA
#BBDCDA
#C1DED3
#C1DED3
#C1DDD3
#C1DDD3
#C2DDD3
#C2DCD3
#C2DCD3
#C7DECB
#C7DECB
#C8DDCB
#C8DDCB
#C9DDCB
#C9DCCB
#CADCCB
#CEDFC4
#CEDFC4
#CFDEC4
#CFDEC4
#D0DDC4
#D0DDC4
#D1DCC4
#D4E0BD
#D5DFBD
#D5DFBD
#D6DEBD
#D7DDBD
#D7DDBD
#D8DCBD
#DCE1B4
#DDE0B4
#DEDFB4
#DEDFB4
#DFDEB4
#E0DDB4
#E1DCB4
Colorpallet from #B4DCE1 to #E1B4DC and to #E1DCB4
#B4DCE1
#B4DCE1
#B4DCE1
#B4DCE1
#B4DCE1
#B4DCE1
#B4DCE1
#BBD6E0
#BBD7DF
#BBD8DE
#BBD9DD
#BBDADC
#BBDBDB
#BBDCDA
#C2CFDF
#C2D1DD
#C2D3DB
#C2D5D9
#C2D7D7
#C2D9D5
#C2DCD3
#CAC9DF
#CACCDC
#CACFD9
#CAD2D5
#CAD5D2
#CAD8CF
#CADCCB
#D1C2DE
#D1C6DA
#D1CAD6
#D1CED2
#D1D3CD
#D1D7C9
#D1DCC4
#D8BCDD
#D8C1D8
#D8C6D3
#D8CBCE
#D8D0C9
#D8D6C3
#D8DCBD
#E1B4DC
#E1BAD6
#E1C1CF
#E1C7C9
#E1CEC2
#E1D4BC
#E1DCB4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
