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 #C2D5A4 to #C2A4D5 and to #D5C2A4
#C2D5A4
#C2D5A4
#C2D5A4
#C2D5A4
#C2D5A4
#C2D5A4
#C2D5A4
#C2CDAC
#C2CEAB
#C3CFA9
#C3CFA8
#C4D0A7
#C4D1A6
#C5D2A4
#C2C5B4
#C3C7B1
#C4C8AF
#C5CAAC
#C6CBAA
#C7CDA7
#C8CFA4
#C2BDBC
#C3BFB8
#C5C2B4
#C6C4B0
#C8C7AD
#C9C9A9
#CBCCA4
#C2B6C3
#C4B9BE
#C6BCB9
#C8BFB4
#CAC2AF
#CCC5AA
#CEC9A4
#C2AECB
#C4B2C5
#C7B6BF
#C9BAB8
#CCBDB2
#CEC1AC
#D1C6A4
#C2A4D5
#C5A9CD
#C8AEC5
#CBB2BD
#CEB7B6
#D1BCAE
#D5C2A4
Colorpallet from #C2D5A4 to #C2A4D5 and to #D5A4C2
#C2D5A4
#C2D5A4
#C2D5A4
#C2D5A4
#C2D5A4
#C2D5A4
#C2D5A4
#C2CDAC
#C2CDAC
#C3CDAB
#C3CDAB
#C4CDAA
#C4CDAA
#C5CDA9
#C2C5B4
#C3C5B3
#C4C5B2
#C5C5B1
#C6C5B0
#C7C5AF
#C8C5AE
#C2BDBC
#C3BDBA
#C5BDB9
#C6BDB7
#C8BDB6
#C9BDB4
#CBBDB2
#C2B6C3
#C4B6C1
#C6B6BF
#C8B6BD
#CAB6BB
#CCB6B9
#CEB6B7
#C2AECB
#C4AEC9
#C7AEC6
#C9AEC4
#CCAEC1
#CEAEBF
#D1AEBC
#C2A4D5
#C5A4D2
#C8A4CF
#CBA4CC
#CEA4C9
#D1A4C6
#D5A4C2
Colorpallet from #C2D5A4 to #C2A4D5 and to #A4C2D5
#C2D5A4
#C2D5A4
#C2D5A4
#C2D5A4
#C2D5A4
#C2D5A4
#C2D5A4
#C2CDAC
#C1CEAC
#C0CFAC
#C0CFAC
#BFD0AC
#BED1AC
#BDD2AC
#C2C5B4
#C0C7B4
#BFC8B4
#BDCAB4
#BCCBB4
#BACDB4
#B8CFB4
#C2BDBC
#C0BFBC
#BEC2BC
#BBC4BC
#B9C7BC
#B7C9BC
#B4CCBC
#C2B6C3
#BFB9C3
#BCBCC3
#B9BFC3
#B6C2C3
#B3C5C3
#AFC9C3
#C2AECB
#BEB2CB
#BAB6CB
#B6BACB
#B3BDCB
#AFC1CB
#AAC6CB
#C2A4D5
#BDA9D5
#B8AED5
#B4B2D5
#AFB7D5
#AABCD5
#A4C2D5
Colorpallet from #C2D5A4 to #C2A4D5 and to #A4D5C2
#C2D5A4
#C2D5A4
#C2D5A4
#C2D5A4
#C2D5A4
#C2D5A4
#C2D5A4
#C2CDAC
#C1CEAC
#C0D0AB
#C0D1AB
#BFD2AA
#BED3AA
#BDD5A9
#C2C5B4
#C0C8B3
#BFCAB2
#BDCDB1
#BCCFB0
#BAD2AF
#B8D5AE
#C2BDBC
#C0C1BA
#BEC5B9
#BBC9B7
#B9CCB6
#B7D0B4
#B4D5B2
#C2B6C3
#BFBBC1
#BCC0BF
#B9C5BD
#B6CABB
#B3CFB9
#AFD5B7
#C2AECB
#BEB4C9
#BABAC6
#B6C1C4
#B3C7C1
#AFCDBF
#AAD5BC
#C2A4D5
#BDACD2
#B8B4CF
#B4BCCC
#AFC3C9
#AACBC6
#A4D5C2
Colorpallet from #C2D5A4 to #D5C2A4 and to #D5A4C2
#C2D5A4
#C2D5A4
#C2D5A4
#C2D5A4
#C2D5A4
#C2D5A4
#C2D5A4
#C5D2A4
#C5D1A5
#C5D0A6
#C5D0A6
#C5CFA7
#C5CEA8
#C5CDA9
#C8CFA4
#C8CDA6
#C8CCA7
#C8CAA9
#C8C9AA
#C8C7AC
#C8C5AE
#CBCCA4
#CBCAA6
#CBC7A8
#CBC5AB
#CBC2AD
#CBC0AF
#CBBDB2
#CEC9A4
#CEC6A7
#CEC3AA
#CEC0AD
#CEBDB0
#CEBAB3
#CEB6B7
#D1C6A4
#D1C2A8
#D1BEAC
#D1BAB0
#D1B7B3
#D1B3B7
#D1AEBC
#D5C2A4
#D5BDA9
#D5B8AE
#D5B4B2
#D5AFB7
#D5AABC
#D5A4C2
Colorpallet from #C2D5A4 to #D5C2A4 and to #A4C2D5
#C2D5A4
#C2D5A4
#C2D5A4
#C2D5A4
#C2D5A4
#C2D5A4
#C2D5A4
#C5D2A4
#C4D2A5
#C2D2A7
#C1D2A8
#C0D2A9
#BFD2AA
#BDD2AC
#C8CFA4
#C5CFA7
#C3CFA9
#C0CFAC
#BECFAE
#BBCFB1
#B8CFB4
#CBCCA4
#C7CCA8
#C4CCAC
#C0CCB0
#BCCCB3
#B9CCB7
#B4CCBC
#CEC9A4
#C9C9A9
#C4C9AE
#BFC9B3
#BAC9B8
#B5C9BD
#AFC9C3
#D1C6A4
#CBC6AA
#C5C6B0
#BEC6B7
#B8C6BD
#B2C6C3
#AAC6CB
#D5C2A4
#CDC2AC
#C5C2B4
#BDC2BC
#B6C2C3
#AEC2CB
#A4C2D5
Colorpallet from #C2D5A4 to #D5C2A4 and to #A4D5C2
#C2D5A4
#C2D5A4
#C2D5A4
#C2D5A4
#C2D5A4
#C2D5A4
#C2D5A4
#C5D2A4
#C4D2A5
#C2D3A6
#C1D3A6
#C0D4A7
#BFD4A8
#BDD5A9
#C8CFA4
#C5D0A6
#C3D1A7
#C0D2A9
#BED3AA
#BBD4AC
#B8D5AE
#CBCCA4
#C7CDA6
#C4CFA8
#C0D0AB
#BCD2AD
#B9D3AF
#B4D5B2
#CEC9A4
#C9CBA7
#C4CDAA
#BFCFAD
#BAD1B0
#B5D3B3
#AFD5B7
#D1C6A4
#CBC8A8
#C5CBAC
#BECDB0
#B8D0B3
#B2D2B7
#AAD5BC
#D5C2A4
#CDC5A9
#C5C8AE
#BDCBB2
#B6CEB7
#AED1BC
#A4D5C2
Colorpallet from #C2D5A4 to #D5A4C2 and to #A4C2D5
#C2D5A4
#C2D5A4
#C2D5A4
#C2D5A4
#C2D5A4
#C2D5A4
#C2D5A4
#C5CDA9
#C4CEA9
#C2CFAA
#C1CFAA
#C0D0AB
#BFD1AB
#BDD2AC
#C8C5AE
#C5C7AF
#C3C8B0
#C0CAB1
#BECBB2
#BBCDB3
#B8CFB4
#CBBDB2
#C7BFB4
#C4C2B5
#C0C4B7
#BCC7B8
#B9C9BA
#B4CCBC
#CEB6B7
#C9B9B9
#C4BCBB
#BFBFBD
#BAC2BF
#B5C5C1
#AFC9C3
#D1AEBC
#CBB2BE
#C5B6C1
#BEBAC3
#B8BDC6
#B2C1C8
#AAC6CB
#D5A4C2
#CDA9C5
#C5AEC8
#BDB2CB
#B6B7CE
#AEBCD1
#A4C2D5
Colorpallet from #C2D5A4 to #D5A4C2 and to #A4D5C2
#C2D5A4
#C2D5A4
#C2D5A4
#C2D5A4
#C2D5A4
#C2D5A4
#C2D5A4
#C5CDA9
#C4CEA9
#C2D0A9
#C1D1A9
#C0D2A9
#BFD3A9
#BDD5A9
#C8C5AE
#C5C8AE
#C3CAAE
#C0CDAE
#BECFAE
#BBD2AE
#B8D5AE
#CBBDB2
#C7C1B2
#C4C5B2
#C0C9B2
#BCCCB2
#B9D0B2
#B4D5B2
#CEB6B7
#C9BBB7
#C4C0B7
#BFC5B7
#BACAB7
#B5CFB7
#AFD5B7
#D1AEBC
#CBB4BC
#C5BABC
#BEC1BC
#B8C7BC
#B2CDBC
#AAD5BC
#D5A4C2
#CDACC2
#C5B4C2
#BDBCC2
#B6C3C2
#AECBC2
#A4D5C2
Colorpallet from #C2D5A4 to #A4C2D5 and to #A4D5C2
#C2D5A4
#C2D5A4
#C2D5A4
#C2D5A4
#C2D5A4
#C2D5A4
#C2D5A4
#BDD2AC
#BDD2AC
#BDD3AB
#BDD3AB
#BDD4AA
#BDD4AA
#BDD5A9
#B8CFB4
#B8D0B3
#B8D1B2
#B8D2B1
#B8D3B0
#B8D4AF
#B8D5AE
#B4CCBC
#B4CDBA
#B4CFB9
#B4D0B7
#B4D2B6
#B4D3B4
#B4D5B2
#AFC9C3
#AFCBC1
#AFCDBF
#AFCFBD
#AFD1BB
#AFD3B9
#AFD5B7
#AAC6CB
#AAC8C9
#AACBC6
#AACDC4
#AAD0C1
#AAD2BF
#AAD5BC
#A4C2D5
#A4C5D2
#A4C8CF
#A4CBCC
#A4CEC9
#A4D1C6
#A4D5C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
