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 #CDA6D8 to #CDD8A6 and to #A6CDD8
#CDA6D8
#CDA6D8
#CDA6D8
#CDA6D8
#CDA6D8
#CDA6D8
#CDA6D8
#CDAED0
#CCAED1
#CBADD3
#CAADD4
#C9ADD5
#C8ACD6
#C7ACD8
#CDB6C8
#CBB5CB
#C9B5CD
#C7B4D0
#C5B3D2
#C3B3D5
#C1B2D8
#CDBEC0
#CABDC4
#C7BCC8
#C4BCCC
#C1BBCF
#BEBAD3
#BAB9D8
#CDC6B8
#C9C5BD
#C5C4C2
#C1C3C7
#BDC2CC
#B9C0D2
#B4BFD8
#CDCEB0
#C8CDB6
#C3CBBD
#BECAC3
#B9C8CA
#B4C7D0
#AEC5D8
#CDD8A6
#C7D6AE
#C1D4B6
#BAD3BE
#B4D1C6
#AECFCE
#A6CDD8
Colorpallet from #CDA6D8 to #CDD8A6 and to #A6D8CD
#CDA6D8
#CDA6D8
#CDA6D8
#CDA6D8
#CDA6D8
#CDA6D8
#CDA6D8
#CDAED0
#CCAED1
#CBAED2
#CAAED3
#C9AED4
#C8AED5
#C7AED6
#CDB6C8
#CBB6CA
#C9B6CC
#C7B6CE
#C5B6D0
#C3B6D2
#C1B6D4
#CDBEC0
#CABEC3
#C7BEC6
#C4BEC9
#C1BECC
#BEBECF
#BABED3
#CDC6B8
#C9C6BC
#C5C6C0
#C1C6C4
#BDC6C8
#B9C6CC
#B4C6D1
#CDCEB0
#C8CEB5
#C3CEBA
#BECEBF
#B9CEC4
#B4CEC9
#AECECF
#CDD8A6
#C7D8AC
#C1D8B2
#BAD8B9
#B4D8BF
#AED8C5
#A6D8CD
Colorpallet from #CDA6D8 to #CDD8A6 and to #D8CDA6
#CDA6D8
#CDA6D8
#CDA6D8
#CDA6D8
#CDA6D8
#CDA6D8
#CDA6D8
#CDAED0
#CDAED0
#CEADD0
#CEADD0
#CEADD0
#CFACD0
#CFACD0
#CDB6C8
#CEB5C8
#CEB5C8
#CFB4C8
#D0B3C8
#D0B3C8
#D1B2C8
#CDBEC0
#CEBDC0
#CFBCC0
#CFBCC0
#D0BBC0
#D1BAC0
#D2B9C0
#CDC6B8
#CEC5B8
#CFC4B8
#D0C3B8
#D1C2B8
#D3C0B8
#D4BFB8
#CDCEB0
#CECDB0
#D0CBB0
#D1CAB0
#D3C8B0
#D4C7B0
#D6C5B0
#CDD8A6
#CFD6A6
#D1D4A6
#D2D3A6
#D4D1A6
#D6CFA6
#D8CDA6
Colorpallet from #CDA6D8 to #CDD8A6 and to #D8A6CD
#CDA6D8
#CDA6D8
#CDA6D8
#CDA6D8
#CDA6D8
#CDA6D8
#CDA6D8
#CDAED0
#CDADD1
#CEABD2
#CEAAD3
#CEA9D4
#CFA8D5
#CFA6D6
#CDB6C8
#CEB3CA
#CEB1CC
#CFAECE
#D0ACD0
#D0A9D2
#D1A6D4
#CDBEC0
#CEBAC3
#CFB6C6
#CFB2C9
#D0AFCC
#D1ABCF
#D2A6D3
#CDC6B8
#CEC1BC
#CFBCC0
#D0B7C4
#D1B2C8
#D3ACCC
#D4A6D1
#CDCEB0
#CEC8B5
#D0C1BA
#D1BBBF
#D3B4C4
#D4AEC9
#D6A6CF
#CDD8A6
#CFD0AC
#D1C8B2
#D2C0B9
#D4B8BF
#D6B0C5
#D8A6CD
Colorpallet from #CDA6D8 to #A6CDD8 and to #A6D8CD
#CDA6D8
#CDA6D8
#CDA6D8
#CDA6D8
#CDA6D8
#CDA6D8
#CDA6D8
#C7ACD8
#C7ACD8
#C7ADD7
#C7ADD7
#C7ADD7
#C7AED6
#C7AED6
#C1B2D8
#C1B3D7
#C1B3D7
#C1B4D6
#C1B5D5
#C1B5D5
#C1B6D4
#BAB9D8
#BABAD7
#BABBD6
#BABBD6
#BABCD5
#BABDD4
#BABED3
#B4BFD8
#B4C0D7
#B4C1D6
#B4C2D5
#B4C3D4
#B4C5D2
#B4C6D1
#AEC5D8
#AEC6D7
#AEC8D5
#AEC9D4
#AECBD2
#AECCD1
#AECECF
#A6CDD8
#A6CFD6
#A6D1D4
#A6D2D3
#A6D4D1
#A6D6CF
#A6D8CD
Colorpallet from #CDA6D8 to #A6CDD8 and to #D8CDA6
#CDA6D8
#CDA6D8
#CDA6D8
#CDA6D8
#CDA6D8
#CDA6D8
#CDA6D8
#C7ACD8
#C8ACD7
#CAACD5
#CBACD4
#CCACD3
#CDACD2
#CFACD0
#C1B2D8
#C4B2D5
#C6B2D3
#C9B2D0
#CBB2CE
#CEB2CB
#D1B2C8
#BAB9D8
#BEB9D4
#C2B9D0
#C6B9CC
#C9B9C9
#CDB9C5
#D2B9C0
#B4BFD8
#B9BFD3
#BEBFCE
#C3BFC9
#C8BFC4
#CEBFBE
#D4BFB8
#AEC5D8
#B4C5D2
#BBC5CB
#C1C5C5
#C8C5BE
#CEC5B8
#D6C5B0
#A6CDD8
#AECDD0
#B6CDC8
#BECDC0
#C6CDB8
#CECDB0
#D8CDA6
Colorpallet from #CDA6D8 to #A6CDD8 and to #D8A6CD
#CDA6D8
#CDA6D8
#CDA6D8
#CDA6D8
#CDA6D8
#CDA6D8
#CDA6D8
#C7ACD8
#C8ABD8
#CAAAD7
#CBA9D7
#CCA8D7
#CDA7D6
#CFA6D6
#C1B2D8
#C4B0D7
#C6AED7
#C9ACD6
#CBAAD5
#CEA8D5
#D1A6D4
#BAB9D8
#BEB6D7
#C2B3D6
#C6B0D6
#C9ADD5
#CDAAD4
#D2A6D3
#B4BFD8
#B9BBD7
#BEB7D6
#C3B3D5
#C8AFD4
#CEABD2
#D4A6D1
#AEC5D8
#B4C0D7
#BBBBD5
#C1B6D4
#C8B1D2
#CEACD1
#D6A6CF
#A6CDD8
#AEC7D6
#B6C1D4
#BEBAD3
#C6B4D1
#CEAECF
#D8A6CD
Colorpallet from #CDA6D8 to #A6D8CD and to #D8CDA6
#CDA6D8
#CDA6D8
#CDA6D8
#CDA6D8
#CDA6D8
#CDA6D8
#CDA6D8
#C7AED6
#C8AED5
#CAADD4
#CBADD3
#CCADD2
#CDACD1
#CFACD0
#C1B6D4
#C4B5D2
#C6B5D0
#C9B4CE
#CBB3CC
#CEB3CA
#D1B2C8
#BABED3
#BEBDD0
#C2BCCD
#C6BCCA
#C9BBC7
#CDBAC4
#D2B9C0
#B4C6D1
#B9C5CD
#BEC4C9
#C3C3C5
#C8C2C1
#CEC0BD
#D4BFB8
#AECECF
#B4CDCA
#BBCBC5
#C1CAC0
#C8C8BB
#CEC7B6
#D6C5B0
#A6D8CD
#AED6C7
#B6D4C1
#BED3BA
#C6D1B4
#CECFAE
#D8CDA6
Colorpallet from #CDA6D8 to #A6D8CD and to #D8A6CD
#CDA6D8
#CDA6D8
#CDA6D8
#CDA6D8
#CDA6D8
#CDA6D8
#CDA6D8
#C7AED6
#C8ADD6
#CAABD6
#CBAAD6
#CCA9D6
#CDA8D6
#CFA6D6
#C1B6D4
#C4B3D4
#C6B1D4
#C9AED4
#CBACD4
#CEA9D4
#D1A6D4
#BABED3
#BEBAD3
#C2B6D3
#C6B2D3
#C9AFD3
#CDABD3
#D2A6D3
#B4C6D1
#B9C1D1
#BEBCD1
#C3B7D1
#C8B2D1
#CEACD1
#D4A6D1
#AECECF
#B4C8CF
#BBC1CF
#C1BBCF
#C8B4CF
#CEAECF
#D6A6CF
#A6D8CD
#AED0CD
#B6C8CD
#BEC0CD
#C6B8CD
#CEB0CD
#D8A6CD
Colorpallet from #CDA6D8 to #D8CDA6 and to #D8A6CD
#CDA6D8
#CDA6D8
#CDA6D8
#CDA6D8
#CDA6D8
#CDA6D8
#CDA6D8
#CFACD0
#CFABD1
#CFAAD2
#CFA9D3
#CFA8D4
#CFA7D5
#CFA6D6
#D1B2C8
#D1B0CA
#D1AECC
#D1ACCE
#D1AAD0
#D1A8D2
#D1A6D4
#D2B9C0
#D2B6C3
#D2B3C6
#D2B0C9
#D2ADCC
#D2AACF
#D2A6D3
#D4BFB8
#D4BBBC
#D4B7C0
#D4B3C4
#D4AFC8
#D4ABCC
#D4A6D1
#D6C5B0
#D6C0B5
#D6BBBA
#D6B6BF
#D6B1C4
#D6ACC9
#D6A6CF
#D8CDA6
#D8C7AC
#D8C1B2
#D8BAB9
#D8B4BF
#D8AEC5
#D8A6CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
