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 #C1D5B8 to #C1B8D5 and to #D5C1B8
#C1D5B8
#C1D5B8
#C1D5B8
#C1D5B8
#C1D5B8
#C1D5B8
#C1D5B8
#C1D0BD
#C1D0BC
#C2D1BB
#C2D1BB
#C3D1BA
#C3D2B9
#C4D2B8
#C1CCC1
#C2CCC0
#C3CDBE
#C4CDBD
#C5CEBB
#C6CEBA
#C7CFB8
#C1C7C6
#C3C8C4
#C4C8C2
#C6C9BF
#C7CABD
#C9CABB
#CBCBB8
#C1C2CB
#C3C3C8
#C5C4C5
#C7C5C2
#C9C6BF
#CBC7BC
#CEC8B8
#C1BECF
#C4BFCB
#C6C0C8
#C9C1C4
#CBC2C0
#CEC4BD
#D1C5B8
#C1B8D5
#C4B9D0
#C7BBCC
#CBBCC7
#CEBEC2
#D1BFBE
#D5C1B8
Colorpallet from #C1D5B8 to #C1B8D5 and to #D5B8C1
#C1D5B8
#C1D5B8
#C1D5B8
#C1D5B8
#C1D5B8
#C1D5B8
#C1D5B8
#C1D0BD
#C1D0BC
#C2D0BC
#C2D0BB
#C3D0BA
#C3D0BA
#C4D0B9
#C1CCC1
#C2CCC0
#C3CCBF
#C4CCBE
#C5CCBD
#C6CCBC
#C7CCBB
#C1C7C6
#C3C7C4
#C4C7C3
#C6C7C1
#C7C7C0
#C9C7BE
#CBC7BC
#C1C2CB
#C3C2C9
#C5C2C7
#C7C2C5
#C9C2C3
#CBC2C1
#CEC2BE
#C1BECF
#C4BECC
#C6BECA
#C9BEC7
#CBBEC5
#CEBEC2
#D1BEBF
#C1B8D5
#C4B8D2
#C7B8CF
#CBB8CB
#CEB8C8
#D1B8C5
#D5B8C1
Colorpallet from #C1D5B8 to #C1B8D5 and to #B8C1D5
#C1D5B8
#C1D5B8
#C1D5B8
#C1D5B8
#C1D5B8
#C1D5B8
#C1D5B8
#C1D0BD
#C1D0BD
#C1D1BD
#C1D1BD
#C0D1BD
#C0D2BD
#C0D2BD
#C1CCC1
#C1CCC1
#C0CDC1
#C0CDC1
#BFCEC1
#BFCEC1
#BECFC1
#C1C7C6
#C0C8C6
#C0C8C6
#BFC9C6
#BECAC6
#BECAC6
#BDCBC6
#C1C2CB
#C0C3CB
#BFC4CB
#BEC5CB
#BDC6CB
#BCC7CB
#BBC8CB
#C1BECF
#C0BFCF
#BFC0CF
#BEC1CF
#BDC2CF
#BBC4CF
#BAC5CF
#C1B8D5
#C0B9D5
#BEBBD5
#BDBCD5
#BBBED5
#BABFD5
#B8C1D5
Colorpallet from #C1D5B8 to #C1B8D5 and to #B8D5C1
#C1D5B8
#C1D5B8
#C1D5B8
#C1D5B8
#C1D5B8
#C1D5B8
#C1D5B8
#C1D0BD
#C1D1BC
#C1D2BC
#C1D2BB
#C0D3BA
#C0D4BA
#C0D5B9
#C1CCC1
#C1CDC0
#C0CFBF
#C0D0BE
#BFD2BD
#BFD3BC
#BED5BB
#C1C7C6
#C0C9C4
#C0CBC3
#BFCEC1
#BED0C0
#BED2BE
#BDD5BC
#C1C2CB
#C0C5C9
#BFC8C7
#BECBC5
#BDCEC3
#BCD1C1
#BBD5BE
#C1BECF
#C0C2CC
#BFC5CA
#BEC9C7
#BDCDC5
#BBD0C2
#BAD5BF
#C1B8D5
#C0BDD2
#BEC1CF
#BDC6CB
#BBCBC8
#BACFC5
#B8D5C1
Colorpallet from #C1D5B8 to #D5C1B8 and to #D5B8C1
#C1D5B8
#C1D5B8
#C1D5B8
#C1D5B8
#C1D5B8
#C1D5B8
#C1D5B8
#C4D2B8
#C4D2B8
#C4D1B8
#C4D1B8
#C4D1B9
#C4D0B9
#C4D0B9
#C7CFB8
#C7CFB8
#C7CEB9
#C7CEB9
#C7CDBA
#C7CDBA
#C7CCBB
#CBCBB8
#CBCAB9
#CBCAB9
#CBC9BA
#CBC8BB
#CBC8BB
#CBC7BC
#CEC8B8
#CEC7B9
#CEC6BA
#CEC5BB
#CEC4BC
#CEC3BD
#CEC2BE
#D1C5B8
#D1C4B9
#D1C3BA
#D1C2BB
#D1C1BC
#D1BFBE
#D1BEBF
#D5C1B8
#D5C0B9
#D5BEBB
#D5BDBC
#D5BBBE
#D5BABF
#D5B8C1
Colorpallet from #C1D5B8 to #D5C1B8 and to #B8C1D5
#C1D5B8
#C1D5B8
#C1D5B8
#C1D5B8
#C1D5B8
#C1D5B8
#C1D5B8
#C4D2B8
#C3D2B9
#C3D2BA
#C2D2BA
#C1D2BB
#C1D2BC
#C0D2BD
#C7CFB8
#C6CFB9
#C4CFBB
#C3CFBC
#C1CFBE
#C0CFBF
#BECFC1
#CBCBB8
#C9CBBA
#C7CBBC
#C4CBBF
#C2CBC1
#C0CBC3
#BDCBC6
#CEC8B8
#CBC8BB
#C8C8BE
#C5C8C1
#C2C8C4
#BFC8C7
#BBC8CB
#D1C5B8
#CDC5BC
#CAC5BF
#C6C5C3
#C2C5C7
#BFC5CA
#BAC5CF
#D5C1B8
#D0C1BD
#CCC1C1
#C7C1C6
#C2C1CB
#BEC1CF
#B8C1D5
Colorpallet from #C1D5B8 to #D5C1B8 and to #B8D5C1
#C1D5B8
#C1D5B8
#C1D5B8
#C1D5B8
#C1D5B8
#C1D5B8
#C1D5B8
#C4D2B8
#C3D2B8
#C3D3B8
#C2D3B8
#C1D4B9
#C1D4B9
#C0D5B9
#C7CFB8
#C6D0B8
#C4D1B9
#C3D2B9
#C1D3BA
#C0D4BA
#BED5BB
#CBCBB8
#C9CDB9
#C7CEB9
#C4D0BA
#C2D1BB
#C0D3BB
#BDD5BC
#CEC8B8
#CBCAB9
#C8CCBA
#C5CEBB
#C2D0BC
#BFD2BD
#BBD5BE
#D1C5B8
#CDC8B9
#CACABA
#C6CDBB
#C2CFBC
#BFD2BE
#BAD5BF
#D5C1B8
#D0C4B9
#CCC7BB
#C7CBBC
#C2CEBE
#BED1BF
#B8D5C1
Colorpallet from #C1D5B8 to #D5B8C1 and to #B8C1D5
#C1D5B8
#C1D5B8
#C1D5B8
#C1D5B8
#C1D5B8
#C1D5B8
#C1D5B8
#C4D0B9
#C3D0BA
#C3D1BA
#C2D1BB
#C1D1BC
#C1D2BC
#C0D2BD
#C7CCBB
#C6CCBC
#C4CDBD
#C3CDBE
#C1CEBF
#C0CEC0
#BECFC1
#CBC7BC
#C9C8BE
#C7C8BF
#C4C9C1
#C2CAC2
#C0CAC4
#BDCBC6
#CEC2BE
#CBC3C0
#C8C4C2
#C5C5C4
#C2C6C6
#BFC7C8
#BBC8CB
#D1BEBF
#CDBFC2
#CAC0C4
#C6C1C7
#C2C2C9
#BFC4CC
#BAC5CF
#D5B8C1
#D0B9C4
#CCBBC7
#C7BCCB
#C2BECE
#BEBFD1
#B8C1D5
Colorpallet from #C1D5B8 to #D5B8C1 and to #B8D5C1
#C1D5B8
#C1D5B8
#C1D5B8
#C1D5B8
#C1D5B8
#C1D5B8
#C1D5B8
#C4D0B9
#C3D1B9
#C3D2B9
#C2D2B9
#C1D3B9
#C1D4B9
#C0D5B9
#C7CCBB
#C6CDBB
#C4CFBB
#C3D0BB
#C1D2BB
#C0D3BB
#BED5BB
#CBC7BC
#C9C9BC
#C7CBBC
#C4CEBC
#C2D0BC
#C0D2BC
#BDD5BC
#CEC2BE
#CBC5BE
#C8C8BE
#C5CBBE
#C2CEBE
#BFD1BE
#BBD5BE
#D1BEBF
#CDC2BF
#CAC5BF
#C6C9BF
#C2CDBF
#BFD0BF
#BAD5BF
#D5B8C1
#D0BDC1
#CCC1C1
#C7C6C1
#C2CBC1
#BECFC1
#B8D5C1
Colorpallet from #C1D5B8 to #B8C1D5 and to #B8D5C1
#C1D5B8
#C1D5B8
#C1D5B8
#C1D5B8
#C1D5B8
#C1D5B8
#C1D5B8
#C0D2BD
#C0D2BC
#C0D3BC
#C0D3BB
#C0D4BA
#C0D4BA
#C0D5B9
#BECFC1
#BED0C0
#BED1BF
#BED2BE
#BED3BD
#BED4BC
#BED5BB
#BDCBC6
#BDCDC4
#BDCEC3
#BDD0C1
#BDD1C0
#BDD3BE
#BDD5BC
#BBC8CB
#BBCAC9
#BBCCC7
#BBCEC5
#BBD0C3
#BBD2C1
#BBD5BE
#BAC5CF
#BAC8CC
#BACACA
#BACDC7
#BACFC5
#BAD2C2
#BAD5BF
#B8C1D5
#B8C4D2
#B8C7CF
#B8CBCB
#B8CEC8
#B8D1C5
#B8D5C1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
