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 #C2A8E1 to #C2E1A8 and to #A8C2E1
#C2A8E1
#C2A8E1
#C2A8E1
#C2A8E1
#C2A8E1
#C2A8E1
#C2A8E1
#C2B1D8
#C1B0D9
#C1AFDB
#C0AFDC
#BFAEDE
#BFADDF
#BEACE1
#C2BACF
#C1B8D2
#BFB7D5
#BEB5D8
#BDB4DB
#BCB2DD
#BAB0E1
#C2C3C6
#C0C1CA
#BEBECF
#BCBCD3
#BAB9D7
#B8B7DC
#B6B4E1
#C2CCBD
#BFC9C3
#BDC6C9
#BAC3CE
#B7C0D4
#B4BDDA
#B1B9E1
#C2D6B3
#BFD2BA
#BBCEC2
#B8CAC9
#B5C6D0
#B1C2D8
#ADBDE1
#C2E1A8
#BEDCB1
#BAD7BA
#B6D2C3
#B1CDCC
#ADC8D6
#A8C2E1
Colorpallet from #C2A8E1 to #C2E1A8 and to #A8E1C2
#C2A8E1
#C2A8E1
#C2A8E1
#C2A8E1
#C2A8E1
#C2A8E1
#C2A8E1
#C2B1D8
#C1B1D9
#C1B1D9
#C0B1DA
#BFB1DB
#BFB1DB
#BEB1DC
#C2BACF
#C1BAD0
#BFBAD2
#BEBAD3
#BDBAD4
#BCBAD5
#BABAD7
#C2C3C6
#C0C3C8
#BEC3CA
#BCC3CC
#BAC3CE
#B8C3D0
#B6C3D2
#C2CCBD
#BFCCC0
#BDCCC2
#BACCC5
#B7CCC7
#B4CCCA
#B1CCCD
#C2D6B3
#BFD6B6
#BBD6BA
#B8D6BD
#B5D6C0
#B1D6C4
#ADD6C8
#C2E1A8
#BEE1AC
#BAE1B0
#B6E1B4
#B1E1B9
#ADE1BD
#A8E1C2
Colorpallet from #C2A8E1 to #C2E1A8 and to #E1C2A8
#C2A8E1
#C2A8E1
#C2A8E1
#C2A8E1
#C2A8E1
#C2A8E1
#C2A8E1
#C2B1D8
#C3B0D8
#C4AFD8
#C4AFD8
#C5AED8
#C6ADD8
#C7ACD8
#C2BACF
#C4B8CF
#C5B7CF
#C7B5CF
#C8B4CF
#CAB2CF
#CCB0CF
#C2C3C6
#C4C1C6
#C7BEC6
#C9BCC6
#CCB9C6
#CEB7C6
#D1B4C6
#C2CCBD
#C5C9BD
#C8C6BD
#CCC3BD
#CFC0BD
#D2BDBD
#D6B9BD
#C2D6B3
#C6D2B3
#CACEB3
#CECAB3
#D2C6B3
#D6C2B3
#DBBDB3
#C2E1A8
#C7DCA8
#CCD7A8
#D1D2A8
#D6CDA8
#DBC8A8
#E1C2A8
Colorpallet from #C2A8E1 to #C2E1A8 and to #E1A8C2
#C2A8E1
#C2A8E1
#C2A8E1
#C2A8E1
#C2A8E1
#C2A8E1
#C2A8E1
#C2B1D8
#C3B0D9
#C4AED9
#C4ADDA
#C5ABDB
#C6AADB
#C7A8DC
#C2BACF
#C4B7D0
#C5B4D2
#C7B1D3
#C8AED4
#CAACD5
#CCA8D7
#C2C3C6
#C4BFC8
#C7BACA
#C9B6CC
#CCB2CE
#CEADD0
#D1A8D2
#C2CCBD
#C5C6C0
#C8C0C2
#CCBBC5
#CFB5C7
#D2AFCA
#D6A8CD
#C2D6B3
#C6CFB6
#CAC7BA
#CEC0BD
#D2B9C0
#D6B1C4
#DBA8C8
#C2E1A8
#C7D8AC
#CCCFB0
#D1C6B4
#D6BDB9
#DBB3BD
#E1A8C2
Colorpallet from #C2A8E1 to #A8C2E1 and to #A8E1C2
#C2A8E1
#C2A8E1
#C2A8E1
#C2A8E1
#C2A8E1
#C2A8E1
#C2A8E1
#BEACE1
#BEADE0
#BEAEDF
#BEAEDF
#BEAFDE
#BEB0DD
#BEB1DC
#BAB0E1
#BAB2DF
#BAB3DE
#BAB5DC
#BAB6DB
#BAB8D9
#BABAD7
#B6B4E1
#B6B6DF
#B6B9DC
#B6BBDA
#B6BED7
#B6C0D5
#B6C3D2
#B1B9E1
#B1BCDE
#B1BFDB
#B1C2D7
#B1C5D4
#B1C8D1
#B1CCCD
#ADBDE1
#ADC1DD
#ADC5D9
#ADC9D5
#ADCDD1
#ADD1CD
#ADD6C8
#A8C2E1
#A8C7DC
#A8CCD7
#A8D1D2
#A8D6CD
#A8DBC8
#A8E1C2
Colorpallet from #C2A8E1 to #A8C2E1 and to #E1C2A8
#C2A8E1
#C2A8E1
#C2A8E1
#C2A8E1
#C2A8E1
#C2A8E1
#C2A8E1
#BEACE1
#BFACE0
#C1ACDE
#C2ACDD
#C4ACDB
#C5ACDA
#C7ACD8
#BAB0E1
#BDB0DE
#C0B0DB
#C3B0D8
#C6B0D5
#C8B0D3
#CCB0CF
#B6B4E1
#BAB4DD
#BFB4D8
#C3B4D4
#C7B4D0
#CCB4CB
#D1B4C6
#B1B9E1
#B7B9DB
#BDB9D5
#C3B9D0
#C9B9CA
#CFB9C4
#D6B9BD
#ADBDE1
#B4BDDA
#BCBDD2
#C3BDCB
#CABDC4
#D2BDBC
#DBBDB3
#A8C2E1
#B1C2D8
#BAC2CF
#C3C2C6
#CCC2BD
#D6C2B3
#E1C2A8
Colorpallet from #C2A8E1 to #A8C2E1 and to #E1A8C2
#C2A8E1
#C2A8E1
#C2A8E1
#C2A8E1
#C2A8E1
#C2A8E1
#C2A8E1
#BEACE1
#BFABE0
#C1ABDF
#C2AADF
#C4A9DE
#C5A9DD
#C7A8DC
#BAB0E1
#BDAFDF
#C0ADDE
#C3ACDC
#C6ABDB
#C8AAD9
#CCA8D7
#B6B4E1
#BAB2DF
#BFB0DC
#C3AEDA
#C7ACD7
#CCAAD5
#D1A8D2
#B1B9E1
#B7B6DE
#BDB4DB
#C3B1D7
#C9AED4
#CFABD1
#D6A8CD
#ADBDE1
#B4BADD
#BCB6D9
#C3B3D5
#CAB0D1
#D2ACCD
#DBA8C8
#A8C2E1
#B1BEDC
#BABAD7
#C3B6D2
#CCB1CD
#D6ADC8
#E1A8C2
Colorpallet from #C2A8E1 to #A8E1C2 and to #E1C2A8
#C2A8E1
#C2A8E1
#C2A8E1
#C2A8E1
#C2A8E1
#C2A8E1
#C2A8E1
#BEB1DC
#BFB0DB
#C1AFDB
#C2AFDA
#C4AED9
#C5ADD9
#C7ACD8
#BABAD7
#BDB8D6
#C0B7D4
#C3B5D3
#C6B4D2
#C8B2D1
#CCB0CF
#B6C3D2
#BAC1D0
#BFBECE
#C3BCCC
#C7B9CA
#CCB7C8
#D1B4C6
#B1CCCD
#B7C9CA
#BDC6C8
#C3C3C5
#C9C0C3
#CFBDC0
#D6B9BD
#ADD6C8
#B4D2C5
#BCCEC1
#C3CABE
#CAC6BB
#D2C2B7
#DBBDB3
#A8E1C2
#B1DCBE
#BAD7BA
#C3D2B6
#CCCDB1
#D6C8AD
#E1C2A8
Colorpallet from #C2A8E1 to #A8E1C2 and to #E1A8C2
#C2A8E1
#C2A8E1
#C2A8E1
#C2A8E1
#C2A8E1
#C2A8E1
#C2A8E1
#BEB1DC
#BFB0DC
#C1AEDC
#C2ADDC
#C4ABDC
#C5AADC
#C7A8DC
#BABAD7
#BDB7D7
#C0B4D7
#C3B1D7
#C6AED7
#C8ACD7
#CCA8D7
#B6C3D2
#BABFD2
#BFBAD2
#C3B6D2
#C7B2D2
#CCADD2
#D1A8D2
#B1CCCD
#B7C6CD
#BDC0CD
#C3BBCD
#C9B5CD
#CFAFCD
#D6A8CD
#ADD6C8
#B4CFC8
#BCC7C8
#C3C0C8
#CAB9C8
#D2B1C8
#DBA8C8
#A8E1C2
#B1D8C2
#BACFC2
#C3C6C2
#CCBDC2
#D6B3C2
#E1A8C2
Colorpallet from #C2A8E1 to #E1C2A8 and to #E1A8C2
#C2A8E1
#C2A8E1
#C2A8E1
#C2A8E1
#C2A8E1
#C2A8E1
#C2A8E1
#C7ACD8
#C7ABD9
#C7ABD9
#C7AADA
#C7A9DB
#C7A9DB
#C7A8DC
#CCB0CF
#CCAFD0
#CCADD2
#CCACD3
#CCABD4
#CCAAD5
#CCA8D7
#D1B4C6
#D1B2C8
#D1B0CA
#D1AECC
#D1ACCE
#D1AAD0
#D1A8D2
#D6B9BD
#D6B6C0
#D6B4C2
#D6B1C5
#D6AEC7
#D6ABCA
#D6A8CD
#DBBDB3
#DBBAB6
#DBB6BA
#DBB3BD
#DBB0C0
#DBACC4
#DBA8C8
#E1C2A8
#E1BEAC
#E1BAB0
#E1B6B4
#E1B1B9
#E1ADBD
#E1A8C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts