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 #C8A3D1 to #C8D1A3 and to #A3C8D1
#C8A3D1
#C8A3D1
#C8A3D1
#C8A3D1
#C8A3D1
#C8A3D1
#C8A3D1
#C8AACA
#C7AACB
#C6AACC
#C5AACD
#C4A9CE
#C3A9D0
#C2A9D1
#C8B2C2
#C6B2C4
#C4B1C7
#C2B1C9
#C0B0CC
#BEB0CE
#BCAFD1
#C8B9BB
#C5B8BF
#C2B8C2
#BFB7C6
#BCB6C9
#BAB6CD
#B6B5D1
#C8C0B4
#C4BFB9
#C0BEBD
#BCBEC2
#B9BDC7
#B5BCCB
#B0BBD1
#C8C8AC
#C3C7B2
#BEC6B8
#BAC5BE
#B5C4C4
#B0C2CA
#AAC1D1
#C8D1A3
#C2D0AA
#BCCEB2
#B6CDB9
#B0CBC0
#AACAC8
#A3C8D1
Colorpallet from #C8A3D1 to #C8D1A3 and to #A3D1C8
#C8A3D1
#C8A3D1
#C8A3D1
#C8A3D1
#C8A3D1
#C8A3D1
#C8A3D1
#C8AACA
#C7AACB
#C6AACC
#C5AACD
#C4AACE
#C3AACF
#C2AAD0
#C8B2C2
#C6B2C4
#C4B2C6
#C2B2C8
#C0B2CA
#BEB2CC
#BCB2CE
#C8B9BB
#C5B9BE
#C2B9C1
#BFB9C4
#BCB9C7
#BAB9C9
#B6B9CD
#C8C0B4
#C4C0B8
#C0C0BB
#BCC0BF
#B9C0C3
#B5C0C6
#B0C0CB
#C8C8AC
#C3C8B1
#BEC8B6
#BAC8BA
#B5C8BF
#B0C8C4
#AAC8CA
#C8D1A3
#C2D1A9
#BCD1AF
#B6D1B5
#B0D1BB
#AAD1C1
#A3D1C8
Colorpallet from #C8A3D1 to #C8D1A3 and to #D1C8A3
#C8A3D1
#C8A3D1
#C8A3D1
#C8A3D1
#C8A3D1
#C8A3D1
#C8A3D1
#C8AACA
#C8AACA
#C8AACA
#C8AACA
#C9A9CA
#C9A9CA
#C9A9CA
#C8B2C2
#C8B2C2
#C9B1C2
#C9B1C2
#CAB0C2
#CAB0C2
#CBAFC2
#C8B9BB
#C9B8BB
#C9B8BB
#CAB7BB
#CBB6BB
#CBB6BB
#CCB5BB
#C8C0B4
#C9BFB4
#CABEB4
#CBBEB4
#CCBDB4
#CDBCB4
#CEBBB4
#C8C8AC
#C9C7AC
#CAC6AC
#CBC5AC
#CCC4AC
#CEC2AC
#CFC1AC
#C8D1A3
#C9D0A3
#CBCEA3
#CCCDA3
#CECBA3
#CFCAA3
#D1C8A3
Colorpallet from #C8A3D1 to #C8D1A3 and to #D1A3C8
#C8A3D1
#C8A3D1
#C8A3D1
#C8A3D1
#C8A3D1
#C8A3D1
#C8A3D1
#C8AACA
#C8A9CB
#C8A8CC
#C8A7CD
#C9A6CE
#C9A4CF
#C9A3D0
#C8B2C2
#C8B0C4
#C9ADC6
#C9ABC8
#CAA8CA
#CAA6CC
#CBA3CE
#C8B9BB
#C9B5BE
#C9B2C1
#CAAEC4
#CBABC7
#CBA7C9
#CCA3CD
#C8C0B4
#C9BBB8
#CAB7BB
#CBB2BF
#CCADC3
#CDA9C6
#CEA3CB
#C8C8AC
#C9C2B1
#CABCB6
#CBB6BA
#CCB0BF
#CEAAC4
#CFA3CA
#C8D1A3
#C9CAA9
#CBC2AF
#CCBBB5
#CEB4BB
#CFACC1
#D1A3C8
Colorpallet from #C8A3D1 to #A3C8D1 and to #A3D1C8
#C8A3D1
#C8A3D1
#C8A3D1
#C8A3D1
#C8A3D1
#C8A3D1
#C8A3D1
#C2A9D1
#C2A9D1
#C2A9D1
#C2A9D1
#C2AAD0
#C2AAD0
#C2AAD0
#BCAFD1
#BCAFD1
#BCB0D0
#BCB0D0
#BCB1CF
#BCB1CF
#BCB2CE
#B6B5D1
#B6B6D0
#B6B6D0
#B6B7CF
#B6B8CE
#B6B8CE
#B6B9CD
#B0BBD1
#B0BCD0
#B0BDCF
#B0BDCE
#B0BECD
#B0BFCC
#B0C0CB
#AAC1D1
#AAC2D0
#AAC3CF
#AAC4CE
#AAC5CD
#AAC7CB
#AAC8CA
#A3C8D1
#A3C9D0
#A3CBCE
#A3CCCD
#A3CECB
#A3CFCA
#A3D1C8
Colorpallet from #C8A3D1 to #A3C8D1 and to #D1C8A3
#C8A3D1
#C8A3D1
#C8A3D1
#C8A3D1
#C8A3D1
#C8A3D1
#C8A3D1
#C2A9D1
#C3A9D0
#C4A9CF
#C5A9CE
#C6A9CD
#C8A9CB
#C9A9CA
#BCAFD1
#BEAFCF
#C1AFCC
#C3AFCA
#C6AFC7
#C8AFC5
#CBAFC2
#B6B5D1
#BAB5CD
#BDB5CA
#C1B5C6
#C4B5C3
#C8B5BF
#CCB5BB
#B0BBD1
#B5BBCC
#BABBC8
#BEBBC3
#C3BBBE
#C8BBBA
#CEBBB4
#AAC1D1
#B0C1CB
#B6C1C5
#BCC1BF
#C2C1B9
#C8C1B3
#CFC1AC
#A3C8D1
#AAC8CA
#B2C8C2
#B9C8BB
#C0C8B4
#C8C8AC
#D1C8A3
Colorpallet from #C8A3D1 to #A3C8D1 and to #D1A3C8
#C8A3D1
#C8A3D1
#C8A3D1
#C8A3D1
#C8A3D1
#C8A3D1
#C8A3D1
#C2A9D1
#C3A8D1
#C4A7D1
#C5A6D1
#C6A5D0
#C8A4D0
#C9A3D0
#BCAFD1
#BEADD1
#C1ABD0
#C3A9D0
#C6A7CF
#C8A5CF
#CBA3CE
#B6B5D1
#BAB2D0
#BDAFD0
#C1ACCF
#C4A9CE
#C8A7CE
#CCA3CD
#B0BBD1
#B5B7D0
#BAB3CF
#BEAFCE
#C3ACCD
#C8A8CC
#CEA3CB
#AAC1D1
#B0BCD0
#B6B7CF
#BCB3CE
#C2AECD
#C8A9CB
#CFA3CA
#A3C8D1
#AAC2D0
#B2BCCE
#B9B6CD
#C0B0CB
#C8AACA
#D1A3C8
Colorpallet from #C8A3D1 to #A3D1C8 and to #D1C8A3
#C8A3D1
#C8A3D1
#C8A3D1
#C8A3D1
#C8A3D1
#C8A3D1
#C8A3D1
#C2AAD0
#C3AACF
#C4AACE
#C5AACD
#C6A9CC
#C8A9CB
#C9A9CA
#BCB2CE
#BEB2CC
#C1B1CA
#C3B1C8
#C6B0C6
#C8B0C4
#CBAFC2
#B6B9CD
#BAB8CA
#BDB8C7
#C1B7C4
#C4B6C1
#C8B6BF
#CCB5BB
#B0C0CB
#B5BFC7
#BABEC4
#BEBEC0
#C3BDBC
#C8BCB9
#CEBBB4
#AAC8CA
#B0C7C5
#B6C6C0
#BCC5BC
#C2C4B7
#C8C2B2
#CFC1AC
#A3D1C8
#AAD0C2
#B2CEBC
#B9CDB6
#C0CBB0
#C8CAAA
#D1C8A3
Colorpallet from #C8A3D1 to #A3D1C8 and to #D1A3C8
#C8A3D1
#C8A3D1
#C8A3D1
#C8A3D1
#C8A3D1
#C8A3D1
#C8A3D1
#C2AAD0
#C3A9D0
#C4A8D0
#C5A7D0
#C6A6D0
#C8A4D0
#C9A3D0
#BCB2CE
#BEB0CE
#C1ADCE
#C3ABCE
#C6A8CE
#C8A6CE
#CBA3CE
#B6B9CD
#BAB5CD
#BDB2CD
#C1AECD
#C4ABCD
#C8A7CD
#CCA3CD
#B0C0CB
#B5BBCB
#BAB7CB
#BEB2CB
#C3ADCB
#C8A9CB
#CEA3CB
#AAC8CA
#B0C2CA
#B6BCCA
#BCB6CA
#C2B0CA
#C8AACA
#CFA3CA
#A3D1C8
#AACAC8
#B2C2C8
#B9BBC8
#C0B4C8
#C8ACC8
#D1A3C8
Colorpallet from #C8A3D1 to #D1C8A3 and to #D1A3C8
#C8A3D1
#C8A3D1
#C8A3D1
#C8A3D1
#C8A3D1
#C8A3D1
#C8A3D1
#C9A9CA
#C9A8CB
#C9A7CC
#C9A6CD
#C9A5CE
#C9A4CF
#C9A3D0
#CBAFC2
#CBADC4
#CBABC6
#CBA9C8
#CBA7CA
#CBA5CC
#CBA3CE
#CCB5BB
#CCB2BE
#CCAFC1
#CCACC4
#CCA9C7
#CCA7C9
#CCA3CD
#CEBBB4
#CEB7B8
#CEB3BB
#CEAFBF
#CEACC3
#CEA8C6
#CEA3CB
#CFC1AC
#CFBCB1
#CFB7B6
#CFB3BA
#CFAEBF
#CFA9C4
#CFA3CA
#D1C8A3
#D1C2A9
#D1BCAF
#D1B6B5
#D1B0BB
#D1AAC1
#D1A3C8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
