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 #C2A8D4 to #C2D4A8 and to #A8C2D4
#C2A8D4
#C2A8D4
#C2A8D4
#C2A8D4
#C2A8D4
#C2A8D4
#C2A8D4
#C2AFCD
#C1AFCE
#C1AECF
#C0AED0
#BFADD1
#BFADD3
#BEACD4
#C2B6C6
#C1B5C8
#BFB4CA
#BEB3CD
#BDB2CF
#BCB1D1
#BAB0D4
#C2BDBF
#C0BCC2
#BEBAC6
#BCB9C9
#BAB7CC
#B8B6D0
#B6B4D4
#C2C4B8
#BFC2BC
#BDC0C1
#BABFC5
#B7BDCA
#B4BBCE
#B1B9D4
#C2CBB1
#BFC9B7
#BBC7BC
#B8C4C2
#B5C2C7
#B1C0CD
#ADBDD4
#C2D4A8
#BED1AF
#BACEB6
#B6CBBD
#B1C8C4
#ADC6CB
#A8C2D4
Colorpallet from #C2A8D4 to #C2D4A8 and to #A8D4C2
#C2A8D4
#C2A8D4
#C2A8D4
#C2A8D4
#C2A8D4
#C2A8D4
#C2A8D4
#C2AFCD
#C1AFCE
#C1AFCE
#C0AFCF
#BFAFD0
#BFAFD0
#BEAFD1
#C2B6C6
#C1B6C7
#BFB6C9
#BEB6CA
#BDB6CB
#BCB6CC
#BAB6CE
#C2BDBF
#C0BDC1
#BEBDC3
#BCBDC5
#BABDC7
#B8BDC9
#B6BDCB
#C2C4B8
#BFC4BB
#BDC4BD
#BAC4C0
#B7C4C2
#B4C4C5
#B1C4C8
#C2CBB1
#BFCBB4
#BBCBB8
#B8CBBB
#B5CBBE
#B1CBC2
#ADCBC6
#C2D4A8
#BED4AC
#BAD4B0
#B6D4B4
#B1D4B9
#ADD4BD
#A8D4C2
Colorpallet from #C2A8D4 to #C2D4A8 and to #D4C2A8
#C2A8D4
#C2A8D4
#C2A8D4
#C2A8D4
#C2A8D4
#C2A8D4
#C2A8D4
#C2AFCD
#C2AFCD
#C3AECD
#C3AECD
#C4ADCD
#C4ADCD
#C5ACCD
#C2B6C6
#C3B5C6
#C4B4C6
#C5B3C6
#C6B2C6
#C7B1C6
#C8B0C6
#C2BDBF
#C3BCBF
#C5BABF
#C6B9BF
#C8B7BF
#C9B6BF
#CBB4BF
#C2C4B8
#C4C2B8
#C6C0B8
#C8BFB8
#CABDB8
#CCBBB8
#CEB9B8
#C2CBB1
#C4C9B1
#C6C7B1
#C9C4B1
#CBC2B1
#CDC0B1
#D0BDB1
#C2D4A8
#C5D1A8
#C8CEA8
#CBCBA8
#CEC8A8
#D0C6A8
#D4C2A8
Colorpallet from #C2A8D4 to #C2D4A8 and to #D4A8C2
#C2A8D4
#C2A8D4
#C2A8D4
#C2A8D4
#C2A8D4
#C2A8D4
#C2A8D4
#C2AFCD
#C2AECE
#C3ADCE
#C3ACCF
#C4ABD0
#C4A9D0
#C5A8D1
#C2B6C6
#C3B4C7
#C4B2C9
#C5AFCA
#C6ADCB
#C7ABCC
#C8A8CE
#C2BDBF
#C3BAC1
#C5B6C3
#C6B3C5
#C8B0C7
#C9ACC9
#CBA8CB
#C2C4B8
#C4C0BB
#C6BBBD
#C8B7C0
#CAB2C2
#CCAEC5
#CEA8C8
#C2CBB1
#C4C5B4
#C6C0B8
#C9BABB
#CBB5BE
#CDAFC2
#D0A8C6
#C2D4A8
#C5CDAC
#C8C6B0
#CBBFB4
#CEB8B9
#D0B1BD
#D4A8C2
Colorpallet from #C2A8D4 to #A8C2D4 and to #A8D4C2
#C2A8D4
#C2A8D4
#C2A8D4
#C2A8D4
#C2A8D4
#C2A8D4
#C2A8D4
#BEACD4
#BEACD4
#BEADD3
#BEADD3
#BEAED2
#BEAED2
#BEAFD1
#BAB0D4
#BAB1D3
#BAB2D2
#BAB3D1
#BAB4D0
#BAB5CF
#BAB6CE
#B6B4D4
#B6B5D3
#B6B7D1
#B6B8D0
#B6BACE
#B6BBCD
#B6BDCB
#B1B9D4
#B1BBD2
#B1BDD0
#B1BECE
#B1C0CC
#B1C2CA
#B1C4C8
#ADBDD4
#ADBFD2
#ADC1D0
#ADC4CD
#ADC6CB
#ADC8C9
#ADCBC6
#A8C2D4
#A8C5D1
#A8C8CE
#A8CBCB
#A8CEC8
#A8D0C6
#A8D4C2
Colorpallet from #C2A8D4 to #A8C2D4 and to #D4C2A8
#C2A8D4
#C2A8D4
#C2A8D4
#C2A8D4
#C2A8D4
#C2A8D4
#C2A8D4
#BEACD4
#BFACD3
#C0ACD2
#C1ACD1
#C2ACD0
#C4ACCE
#C5ACCD
#BAB0D4
#BCB0D2
#BEB0D0
#C1B0CD
#C3B0CB
#C5B0C9
#C8B0C6
#B6B4D4
#B9B4D1
#BDB4CD
#C0B4CA
#C3B4C7
#C7B4C3
#CBB4BF
#B1B9D4
#B6B9D0
#BAB9CB
#BFB9C7
#C4B9C2
#C8B9BE
#CEB9B8
#ADBDD4
#B3BDCE
#B8BDC9
#BEBDC3
#C3BDBE
#C9BDB8
#D0BDB1
#A8C2D4
#AFC2CD
#B6C2C6
#BDC2BF
#C4C2B8
#CBC2B1
#D4C2A8
Colorpallet from #C2A8D4 to #A8C2D4 and to #D4A8C2
#C2A8D4
#C2A8D4
#C2A8D4
#C2A8D4
#C2A8D4
#C2A8D4
#C2A8D4
#BEACD4
#BFABD4
#C0ABD3
#C1AAD3
#C2A9D2
#C4A9D2
#C5A8D1
#BAB0D4
#BCAFD3
#BEADD2
#C1ACD1
#C3ABD0
#C5AACF
#C8A8CE
#B6B4D4
#B9B2D3
#BDB0D1
#C0AED0
#C3ACCE
#C7AACD
#CBA8CB
#B1B9D4
#B6B6D2
#BAB4D0
#BFB1CE
#C4AECC
#C8ABCA
#CEA8C8
#ADBDD4
#B3BAD2
#B8B6D0
#BEB3CD
#C3B0CB
#C9ACC9
#D0A8C6
#A8C2D4
#AFBED1
#B6BACE
#BDB6CB
#C4B1C8
#CBADC6
#D4A8C2
Colorpallet from #C2A8D4 to #A8D4C2 and to #D4C2A8
#C2A8D4
#C2A8D4
#C2A8D4
#C2A8D4
#C2A8D4
#C2A8D4
#C2A8D4
#BEAFD1
#BFAFD0
#C0AED0
#C1AECF
#C2ADCE
#C4ADCE
#C5ACCD
#BAB6CE
#BCB5CD
#BEB4CB
#C1B3CA
#C3B2C9
#C5B1C8
#C8B0C6
#B6BDCB
#B9BCC9
#BDBAC7
#C0B9C5
#C3B7C3
#C7B6C1
#CBB4BF
#B1C4C8
#B6C2C5
#BAC0C3
#BFBFC0
#C4BDBE
#C8BBBB
#CEB9B8
#ADCBC6
#B3C9C3
#B8C7BF
#BEC4BC
#C3C2B9
#C9C0B5
#D0BDB1
#A8D4C2
#AFD1BE
#B6CEBA
#BDCBB6
#C4C8B1
#CBC6AD
#D4C2A8
Colorpallet from #C2A8D4 to #A8D4C2 and to #D4A8C2
#C2A8D4
#C2A8D4
#C2A8D4
#C2A8D4
#C2A8D4
#C2A8D4
#C2A8D4
#BEAFD1
#BFAED1
#C0ADD1
#C1ACD1
#C2ABD1
#C4A9D1
#C5A8D1
#BAB6CE
#BCB4CE
#BEB2CE
#C1AFCE
#C3ADCE
#C5ABCE
#C8A8CE
#B6BDCB
#B9BACB
#BDB6CB
#C0B3CB
#C3B0CB
#C7ACCB
#CBA8CB
#B1C4C8
#B6C0C8
#BABBC8
#BFB7C8
#C4B2C8
#C8AEC8
#CEA8C8
#ADCBC6
#B3C5C6
#B8C0C6
#BEBAC6
#C3B5C6
#C9AFC6
#D0A8C6
#A8D4C2
#AFCDC2
#B6C6C2
#BDBFC2
#C4B8C2
#CBB1C2
#D4A8C2
Colorpallet from #C2A8D4 to #D4C2A8 and to #D4A8C2
#C2A8D4
#C2A8D4
#C2A8D4
#C2A8D4
#C2A8D4
#C2A8D4
#C2A8D4
#C5ACCD
#C5ABCE
#C5ABCE
#C5AACF
#C5A9D0
#C5A9D0
#C5A8D1
#C8B0C6
#C8AFC7
#C8ADC9
#C8ACCA
#C8ABCB
#C8AACC
#C8A8CE
#CBB4BF
#CBB2C1
#CBB0C3
#CBAEC5
#CBACC7
#CBAAC9
#CBA8CB
#CEB9B8
#CEB6BB
#CEB4BD
#CEB1C0
#CEAEC2
#CEABC5
#CEA8C8
#D0BDB1
#D0BAB4
#D0B6B8
#D0B3BB
#D0B0BE
#D0ACC2
#D0A8C6
#D4C2A8
#D4BEAC
#D4BAB0
#D4B6B4
#D4B1B9
#D4ADBD
#D4A8C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts