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 #C2D1AA to #C2AAD1 and to #D1C2AA
#C2D1AA
#C2D1AA
#C2D1AA
#C2D1AA
#C2D1AA
#C2D1AA
#C2D1AA
#C2CBB0
#C2CCAF
#C3CCAE
#C3CDAD
#C3CEAC
#C4CEAB
#C4CFAA
#C2C5B6
#C3C6B4
#C4C7B2
#C4C8B0
#C5C9AE
#C6CBAC
#C7CCAA
#C2BEBD
#C3C0BA
#C4C2B7
#C5C4B4
#C6C6B1
#C8C8AE
#C9CAAA
#C2B8C3
#C4BABF
#C5BDBB
#C7BFB7
#C8C2B3
#CAC4AF
#CCC7AA
#C2B2C9
#C4B5C4
#C6B8BF
#C8BBBA
#CABEB5
#CCC1B0
#CEC5AA
#C2AAD1
#C4AECB
#C7B2C5
#C9B6BE
#CCB9B8
#CEBDB2
#D1C2AA
Colorpallet from #C2D1AA to #C2AAD1 and to #D1AAC2
#C2D1AA
#C2D1AA
#C2D1AA
#C2D1AA
#C2D1AA
#C2D1AA
#C2D1AA
#C2CBB0
#C2CBB0
#C3CBAF
#C3CBAF
#C3CBAF
#C4CBAE
#C4CBAE
#C2C5B6
#C3C5B5
#C4C5B5
#C4C5B4
#C5C5B3
#C6C5B3
#C7C5B2
#C2BEBD
#C3BEBC
#C4BEBB
#C5BEBA
#C6BEB9
#C8BEB7
#C9BEB6
#C2B8C3
#C4B8C1
#C5B8C0
#C7B8BE
#C8B8BD
#CAB8BB
#CCB8B9
#C2B2C9
#C4B2C7
#C6B2C5
#C8B2C3
#CAB2C1
#CCB2BF
#CEB2BD
#C2AAD1
#C4AACF
#C7AACC
#C9AACA
#CCAAC7
#CEAAC5
#D1AAC2
Colorpallet from #C2D1AA to #C2AAD1 and to #AAC2D1
#C2D1AA
#C2D1AA
#C2D1AA
#C2D1AA
#C2D1AA
#C2D1AA
#C2D1AA
#C2CBB0
#C1CCB0
#C1CCB0
#C0CDB0
#BFCEB0
#BFCEB0
#BECFB0
#C2C5B6
#C1C6B6
#BFC7B6
#BEC8B6
#BDC9B6
#BCCBB6
#BACCB6
#C2BEBD
#C0C0BD
#BEC2BD
#BCC4BD
#BAC6BD
#B8C8BD
#B6CABD
#C2B8C3
#C0BAC3
#BDBDC3
#BBBFC3
#B8C2C3
#B6C4C3
#B3C7C3
#C2B2C9
#BFB5C9
#BCB8C9
#B9BBC9
#B6BEC9
#B3C1C9
#AFC5C9
#C2AAD1
#BEAED1
#BAB2D1
#B6B6D1
#B3B9D1
#AFBDD1
#AAC2D1
Colorpallet from #C2D1AA to #C2AAD1 and to #AAD1C2
#C2D1AA
#C2D1AA
#C2D1AA
#C2D1AA
#C2D1AA
#C2D1AA
#C2D1AA
#C2CBB0
#C1CCB0
#C1CDAF
#C0CEAF
#BFCFAF
#BFD0AE
#BED1AE
#C2C5B6
#C1C7B5
#BFC9B5
#BECBB4
#BDCDB3
#BCCFB3
#BAD1B2
#C2BEBD
#C0C1BC
#BEC4BB
#BCC7BA
#BACAB9
#B8CDB7
#B6D1B6
#C2B8C3
#C0BCC1
#BDC0C0
#BBC4BE
#B8C8BD
#B6CCBB
#B3D1B9
#C2B2C9
#BFB7C7
#BCBCC5
#B9C1C3
#B6C6C1
#B3CBBF
#AFD1BD
#C2AAD1
#BEB0CF
#BAB6CC
#B6BDCA
#B3C3C7
#AFC9C5
#AAD1C2
Colorpallet from #C2D1AA to #D1C2AA and to #D1AAC2
#C2D1AA
#C2D1AA
#C2D1AA
#C2D1AA
#C2D1AA
#C2D1AA
#C2D1AA
#C4CFAA
#C4CEAB
#C4CEAB
#C4CDAC
#C4CCAD
#C4CCAD
#C4CBAE
#C7CCAA
#C7CBAB
#C7CAAD
#C7C9AE
#C7C8AF
#C7C6B0
#C7C5B2
#C9CAAA
#C9C8AC
#C9C6AE
#C9C4B0
#C9C2B2
#C9C0B4
#C9BEB6
#CCC7AA
#CCC5AC
#CCC2AF
#CCC0B1
#CCBDB4
#CCBBB6
#CCB8B9
#CEC5AA
#CEC2AD
#CEBFB0
#CEBCB3
#CEB9B6
#CEB6B9
#CEB2BD
#D1C2AA
#D1BEAE
#D1BAB2
#D1B6B6
#D1B3B9
#D1AFBD
#D1AAC2
Colorpallet from #C2D1AA to #D1C2AA and to #AAC2D1
#C2D1AA
#C2D1AA
#C2D1AA
#C2D1AA
#C2D1AA
#C2D1AA
#C2D1AA
#C4CFAA
#C3CFAB
#C2CFAC
#C1CFAD
#C0CFAE
#BFCFAF
#BECFB0
#C7CCAA
#C5CCAC
#C3CCAE
#C1CCB0
#BFCCB2
#BDCCB4
#BACCB6
#C9CAAA
#C6CAAD
#C3CAB0
#C0CAB3
#BDCAB6
#BACAB9
#B6CABD
#CCC7AA
#C8C7AE
#C4C7B2
#C0C7B6
#BCC7BA
#B8C7BE
#B3C7C3
#CEC5AA
#C9C5AF
#C4C5B4
#BFC5B9
#BAC5BE
#B5C5C3
#AFC5C9
#D1C2AA
#CBC2B0
#C5C2B6
#BEC2BD
#B8C2C3
#B2C2C9
#AAC2D1
Colorpallet from #C2D1AA to #D1C2AA and to #AAD1C2
#C2D1AA
#C2D1AA
#C2D1AA
#C2D1AA
#C2D1AA
#C2D1AA
#C2D1AA
#C4CFAA
#C3CFAB
#C2D0AB
#C1D0AC
#C0D0AD
#BFD1AD
#BED1AE
#C7CCAA
#C5CDAB
#C3CEAD
#C1CEAE
#BFCFAF
#BDD0B0
#BAD1B2
#C9CAAA
#C6CBAC
#C3CCAE
#C0CDB0
#BDCEB2
#BAD0B4
#B6D1B6
#CCC7AA
#C8C9AC
#C4CAAF
#C0CCB1
#BCCDB4
#B8CFB6
#B3D1B9
#CEC5AA
#C9C7AD
#C4C9B0
#BFCBB3
#BACDB6
#B5CFB9
#AFD1BD
#D1C2AA
#CBC4AE
#C5C7B2
#BEC9B6
#B8CCB9
#B2CEBD
#AAD1C2
Colorpallet from #C2D1AA to #D1AAC2 and to #AAC2D1
#C2D1AA
#C2D1AA
#C2D1AA
#C2D1AA
#C2D1AA
#C2D1AA
#C2D1AA
#C4CBAE
#C3CCAE
#C2CCAF
#C1CDAF
#C0CEAF
#BFCEB0
#BECFB0
#C7C5B2
#C5C6B3
#C3C7B3
#C1C8B4
#BFC9B5
#BDCBB5
#BACCB6
#C9BEB6
#C6C0B7
#C3C2B8
#C0C4B9
#BDC6BA
#BAC8BC
#B6CABD
#CCB8B9
#C8BABB
#C4BDBC
#C0BFBE
#BCC2BF
#B8C4C1
#B3C7C3
#CEB2BD
#C9B5BF
#C4B8C1
#BFBBC3
#BABEC5
#B5C1C7
#AFC5C9
#D1AAC2
#CBAEC4
#C5B2C7
#BEB6C9
#B8B9CC
#B2BDCE
#AAC2D1
Colorpallet from #C2D1AA to #D1AAC2 and to #AAD1C2
#C2D1AA
#C2D1AA
#C2D1AA
#C2D1AA
#C2D1AA
#C2D1AA
#C2D1AA
#C4CBAE
#C3CCAE
#C2CDAE
#C1CEAE
#C0CFAE
#BFD0AE
#BED1AE
#C7C5B2
#C5C7B2
#C3C9B2
#C1CBB2
#BFCDB2
#BDCFB2
#BAD1B2
#C9BEB6
#C6C1B6
#C3C4B6
#C0C7B6
#BDCAB6
#BACDB6
#B6D1B6
#CCB8B9
#C8BCB9
#C4C0B9
#C0C4B9
#BCC8B9
#B8CCB9
#B3D1B9
#CEB2BD
#C9B7BD
#C4BCBD
#BFC1BD
#BAC6BD
#B5CBBD
#AFD1BD
#D1AAC2
#CBB0C2
#C5B6C2
#BEBDC2
#B8C3C2
#B2C9C2
#AAD1C2
Colorpallet from #C2D1AA to #AAC2D1 and to #AAD1C2
#C2D1AA
#C2D1AA
#C2D1AA
#C2D1AA
#C2D1AA
#C2D1AA
#C2D1AA
#BECFB0
#BECFB0
#BED0AF
#BED0AF
#BED0AF
#BED1AE
#BED1AE
#BACCB6
#BACDB5
#BACEB5
#BACEB4
#BACFB3
#BAD0B3
#BAD1B2
#B6CABD
#B6CBBC
#B6CCBB
#B6CDBA
#B6CEB9
#B6D0B7
#B6D1B6
#B3C7C3
#B3C9C1
#B3CAC0
#B3CCBE
#B3CDBD
#B3CFBB
#B3D1B9
#AFC5C9
#AFC7C7
#AFC9C5
#AFCBC3
#AFCDC1
#AFCFBF
#AFD1BD
#AAC2D1
#AAC4CF
#AAC7CC
#AAC9CA
#AACCC7
#AACEC5
#AAD1C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
