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 #C3D1B8 to #C3B8D1 and to #D1C3B8
#C3D1B8
#C3D1B8
#C3D1B8
#C3D1B8
#C3D1B8
#C3D1B8
#C3D1B8
#C3CDBC
#C3CDBB
#C4CEBB
#C4CEBA
#C4CEB9
#C5CFB9
#C5CFB8
#C3C9C0
#C4CABF
#C4CABD
#C5CBBC
#C6CCBB
#C6CCBA
#C7CDB8
#C3C5C4
#C4C6C2
#C5C7C0
#C6C7BE
#C7C8BC
#C9C9BA
#CACAB8
#C3C1C8
#C4C2C5
#C6C3C3
#C7C4C0
#C9C5BE
#CAC7BB
#CCC8B8
#C3BDCC
#C5BEC9
#C7C0C6
#C8C1C2
#CAC3BF
#CCC4BC
#CEC6B8
#C3B8D1
#C5BACD
#C7BCC9
#CABDC5
#CCBFC1
#CEC1BD
#D1C3B8
Colorpallet from #C3D1B8 to #C3B8D1 and to #D1B8C3
#C3D1B8
#C3D1B8
#C3D1B8
#C3D1B8
#C3D1B8
#C3D1B8
#C3D1B8
#C3CDBC
#C3CDBC
#C4CDBB
#C4CDBB
#C4CDBB
#C5CDBA
#C5CDBA
#C3C9C0
#C4C9BF
#C4C9BF
#C5C9BE
#C6C9BD
#C6C9BD
#C7C9BC
#C3C5C4
#C4C5C3
#C5C5C2
#C6C5C1
#C7C5C0
#C9C5BE
#CAC5BD
#C3C1C8
#C4C1C7
#C6C1C5
#C7C1C4
#C9C1C2
#CAC1C1
#CCC1BF
#C3BDCC
#C5BDCA
#C7BDC8
#C8BDC7
#CABDC5
#CCBDC3
#CEBDC1
#C3B8D1
#C5B8CF
#C7B8CD
#CAB8CA
#CCB8C8
#CEB8C6
#D1B8C3
Colorpallet from #C3D1B8 to #C3B8D1 and to #B8C3D1
#C3D1B8
#C3D1B8
#C3D1B8
#C3D1B8
#C3D1B8
#C3D1B8
#C3D1B8
#C3CDBC
#C3CDBC
#C2CEBC
#C2CEBC
#C2CEBC
#C1CFBC
#C1CFBC
#C3C9C0
#C2CAC0
#C2CAC0
#C1CBC0
#C0CCC0
#C0CCC0
#BFCDC0
#C3C5C4
#C2C6C4
#C1C7C4
#C1C7C4
#C0C8C4
#BFC9C4
#BECAC4
#C3C1C8
#C2C2C8
#C1C3C8
#C0C4C8
#BFC5C8
#BDC7C8
#BCC8C8
#C3BDCC
#C2BECC
#C0C0CC
#BFC1CC
#BDC3CC
#BCC4CC
#BAC6CC
#C3B8D1
#C1BAD1
#BFBCD1
#BEBDD1
#BCBFD1
#BAC1D1
#B8C3D1
Colorpallet from #C3D1B8 to #C3B8D1 and to #B8D1C3
#C3D1B8
#C3D1B8
#C3D1B8
#C3D1B8
#C3D1B8
#C3D1B8
#C3D1B8
#C3CDBC
#C3CEBC
#C2CEBB
#C2CFBB
#C2D0BB
#C1D0BA
#C1D1BA
#C3C9C0
#C2CABF
#C2CCBF
#C1CDBE
#C0CEBD
#C0CFBD
#BFD1BC
#C3C5C4
#C2C7C3
#C1C9C2
#C1CBC1
#C0CDC0
#BFCFBE
#BED1BD
#C3C1C8
#C2C4C7
#C1C6C5
#C0C9C4
#BFCBC2
#BDCEC1
#BCD1BF
#C3BDCC
#C2C0CA
#C0C3C8
#BFC7C7
#BDCAC5
#BCCDC3
#BAD1C1
#C3B8D1
#C1BCCF
#BFC0CD
#BEC4CA
#BCC8C8
#BACCC6
#B8D1C3
Colorpallet from #C3D1B8 to #D1C3B8 and to #D1B8C3
#C3D1B8
#C3D1B8
#C3D1B8
#C3D1B8
#C3D1B8
#C3D1B8
#C3D1B8
#C5CFB8
#C5CFB8
#C5CEB9
#C5CEB9
#C5CEB9
#C5CDBA
#C5CDBA
#C7CDB8
#C7CCB9
#C7CCB9
#C7CBBA
#C7CABB
#C7CABB
#C7C9BC
#CACAB8
#CAC9B9
#CAC8BA
#CAC8BA
#CAC7BB
#CAC6BC
#CAC5BD
#CCC8B8
#CCC7B9
#CCC6BA
#CCC5BB
#CCC4BC
#CCC2BE
#CCC1BF
#CEC6B8
#CEC5B9
#CEC3BB
#CEC2BC
#CEC0BE
#CEBFBF
#CEBDC1
#D1C3B8
#D1C1BA
#D1BFBC
#D1BEBD
#D1BCBF
#D1BAC1
#D1B8C3
Colorpallet from #C3D1B8 to #D1C3B8 and to #B8C3D1
#C3D1B8
#C3D1B8
#C3D1B8
#C3D1B8
#C3D1B8
#C3D1B8
#C3D1B8
#C5CFB8
#C4CFB9
#C4CFB9
#C3CFBA
#C2CFBB
#C2CFBB
#C1CFBC
#C7CDB8
#C6CDB9
#C4CDBB
#C3CDBC
#C2CDBD
#C1CDBE
#BFCDC0
#CACAB8
#C8CABA
#C6CABC
#C4CABE
#C2CAC0
#C0CAC2
#BECAC4
#CCC8B8
#C9C8BB
#C7C8BD
#C4C8C0
#C2C8C2
#BFC8C5
#BCC8C8
#CEC6B8
#CBC6BB
#C8C6BE
#C4C6C2
#C1C6C5
#BEC6C8
#BAC6CC
#D1C3B8
#CDC3BC
#C9C3C0
#C5C3C4
#C1C3C8
#BDC3CC
#B8C3D1
Colorpallet from #C3D1B8 to #D1C3B8 and to #B8D1C3
#C3D1B8
#C3D1B8
#C3D1B8
#C3D1B8
#C3D1B8
#C3D1B8
#C3D1B8
#C5CFB8
#C4CFB8
#C4D0B9
#C3D0B9
#C2D0B9
#C2D1BA
#C1D1BA
#C7CDB8
#C6CEB9
#C4CEB9
#C3CFBA
#C2D0BB
#C1D0BB
#BFD1BC
#CACAB8
#C8CBB9
#C6CCBA
#C4CDBA
#C2CEBB
#C0D0BC
#BED1BD
#CCC8B8
#C9C9B9
#C7CBBA
#C4CCBB
#C2CEBC
#BFCFBE
#BCD1BF
#CEC6B8
#CBC8B9
#C8CABB
#C4CBBC
#C1CDBE
#BECFBF
#BAD1C1
#D1C3B8
#CDC5BA
#C9C7BC
#C5CABD
#C1CCBF
#BDCEC1
#B8D1C3
Colorpallet from #C3D1B8 to #D1B8C3 and to #B8C3D1
#C3D1B8
#C3D1B8
#C3D1B8
#C3D1B8
#C3D1B8
#C3D1B8
#C3D1B8
#C5CDBA
#C4CDBA
#C4CEBB
#C3CEBB
#C2CEBB
#C2CFBC
#C1CFBC
#C7C9BC
#C6CABD
#C4CABD
#C3CBBE
#C2CCBF
#C1CCBF
#BFCDC0
#CAC5BD
#C8C6BE
#C6C7BF
#C4C7C0
#C2C8C1
#C0C9C3
#BECAC4
#CCC1BF
#C9C2C0
#C7C3C2
#C4C4C3
#C2C5C5
#BFC7C6
#BCC8C8
#CEBDC1
#CBBEC3
#C8C0C5
#C4C1C6
#C1C3C8
#BEC4CA
#BAC6CC
#D1B8C3
#CDBAC5
#C9BCC7
#C5BDCA
#C1BFCC
#BDC1CE
#B8C3D1
Colorpallet from #C3D1B8 to #D1B8C3 and to #B8D1C3
#C3D1B8
#C3D1B8
#C3D1B8
#C3D1B8
#C3D1B8
#C3D1B8
#C3D1B8
#C5CDBA
#C4CEBA
#C4CEBA
#C3CFBA
#C2D0BA
#C2D0BA
#C1D1BA
#C7C9BC
#C6CABC
#C4CCBC
#C3CDBC
#C2CEBC
#C1CFBC
#BFD1BC
#CAC5BD
#C8C7BD
#C6C9BD
#C4CBBD
#C2CDBD
#C0CFBD
#BED1BD
#CCC1BF
#C9C4BF
#C7C6BF
#C4C9BF
#C2CBBF
#BFCEBF
#BCD1BF
#CEBDC1
#CBC0C1
#C8C3C1
#C4C7C1
#C1CAC1
#BECDC1
#BAD1C1
#D1B8C3
#CDBCC3
#C9C0C3
#C5C4C3
#C1C8C3
#BDCCC3
#B8D1C3
Colorpallet from #C3D1B8 to #B8C3D1 and to #B8D1C3
#C3D1B8
#C3D1B8
#C3D1B8
#C3D1B8
#C3D1B8
#C3D1B8
#C3D1B8
#C1CFBC
#C1CFBC
#C1D0BB
#C1D0BB
#C1D0BB
#C1D1BA
#C1D1BA
#BFCDC0
#BFCEBF
#BFCEBF
#BFCFBE
#BFD0BD
#BFD0BD
#BFD1BC
#BECAC4
#BECBC3
#BECCC2
#BECDC1
#BECEC0
#BED0BE
#BED1BD
#BCC8C8
#BCC9C7
#BCCBC5
#BCCCC4
#BCCEC2
#BCCFC1
#BCD1BF
#BAC6CC
#BAC8CA
#BACAC8
#BACBC7
#BACDC5
#BACFC3
#BAD1C1
#B8C3D1
#B8C5CF
#B8C7CD
#B8CACA
#B8CCC8
#B8CEC6
#B8D1C3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
