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 #D8CEA2 to #D8A2CE and to #CED8A2
#D8CEA2
#D8CEA2
#D8CEA2
#D8CEA2
#D8CEA2
#D8CEA2
#D8CEA2
#D8C7A9
#D8C8A8
#D7CAA7
#D7CBA6
#D7CDA5
#D6CEA3
#D6D0A2
#D8C0B0
#D8C3AE
#D7C5AC
#D7C8A9
#D6CBA7
#D6CEA5
#D5D1A2
#D8B9B7
#D7BDB4
#D6C1B0
#D6C5AD
#D5CAAA
#D4CEA6
#D3D3A2
#D8B2BE
#D7B7BA
#D6BDB5
#D5C2B1
#D4C8AC
#D3CDA8
#D2D4A2
#D8ABC5
#D7B2BF
#D5B9BA
#D4C0B4
#D3C7AF
#D2CDA9
#D0D6A2
#D8A2CE
#D6ABC7
#D5B3C0
#D3BCB9
#D2C5B2
#D0CDAB
#CED8A2
Colorpallet from #D8CEA2 to #D8A2CE and to #CEA2D8
#D8CEA2
#D8CEA2
#D8CEA2
#D8CEA2
#D8CEA2
#D8CEA2
#D8CEA2
#D8C7A9
#D8C7A9
#D7C7AA
#D7C7AA
#D7C7AA
#D6C7AB
#D6C7AB
#D8C0B0
#D8C0B0
#D7C0B1
#D7C0B1
#D6C0B2
#D6C0B2
#D5C0B3
#D8B9B7
#D7B9B8
#D6B9B9
#D6B9B9
#D5B9BA
#D4B9BB
#D3B9BC
#D8B2BE
#D7B2BF
#D6B2C0
#D5B2C1
#D4B2C2
#D3B2C4
#D2B2C5
#D8ABC5
#D7ABC6
#D5ABC8
#D4ABC9
#D3ABCA
#D2ABCB
#D0ABCD
#D8A2CE
#D6A2D0
#D5A2D1
#D3A2D3
#D2A2D4
#D0A2D6
#CEA2D8
Colorpallet from #D8CEA2 to #D8A2CE and to #A2D8CE
#D8CEA2
#D8CEA2
#D8CEA2
#D8CEA2
#D8CEA2
#D8CEA2
#D8CEA2
#D8C7A9
#D7C8A9
#D5CAA9
#D4CBA9
#D2CDA9
#D1CEA9
#CFD0A9
#D8C0B0
#D5C3B0
#D3C5B0
#D0C8B0
#CDCBB0
#CACEB0
#C7D1B0
#D8B9B7
#D4BDB7
#D0C1B7
#CCC5B7
#C7CAB7
#C3CEB7
#BED3B7
#D8B2BE
#D2B7BE
#CDBDBE
#C7C2BE
#C2C8BE
#BCCDBE
#B5D4BE
#D8ABC5
#D1B2C5
#CAB9C5
#C3C0C5
#BCC7C5
#B6CDC5
#ADD6C5
#D8A2CE
#CFABCE
#C7B3CE
#BEBCCE
#B5C5CE
#ADCDCE
#A2D8CE
Colorpallet from #D8CEA2 to #D8A2CE and to #A2CED8
#D8CEA2
#D8CEA2
#D8CEA2
#D8CEA2
#D8CEA2
#D8CEA2
#D8CEA2
#D8C7A9
#D7C8A9
#D5C9AA
#D4CAAA
#D2CBAA
#D1CDAB
#CFCEAB
#D8C0B0
#D5C2B0
#D3C4B1
#D0C7B1
#CDC9B2
#CACBB2
#C7CEB3
#D8B9B7
#D4BCB8
#D0C0B9
#CCC3B9
#C7C6BA
#C3CABB
#BECEBC
#D8B2BE
#D2B6BF
#CDBBC0
#C7BFC1
#C2C4C2
#BCC8C4
#B5CEC5
#D8ABC5
#D1B1C6
#CAB6C8
#C3BCC9
#BCC1CA
#B6C7CB
#ADCECD
#D8A2CE
#CFA9D0
#C7B0D1
#BEB7D3
#B5BED4
#ADC5D6
#A2CED8
Colorpallet from #D8CEA2 to #CED8A2 and to #CEA2D8
#D8CEA2
#D8CEA2
#D8CEA2
#D8CEA2
#D8CEA2
#D8CEA2
#D8CEA2
#D6D0A2
#D6CFA3
#D6CDA5
#D6CCA6
#D6CAA8
#D6C9A9
#D6C7AB
#D5D1A2
#D5CEA5
#D5CCA7
#D5C9AA
#D5C6AD
#D5C3B0
#D5C0B3
#D3D3A2
#D3CFA6
#D3CBAA
#D3C7AE
#D3C2B3
#D3BEB7
#D3B9BC
#D2D4A2
#D2CFA8
#D2C9AD
#D2C4B3
#D2BEB8
#D2B9BE
#D2B2C5
#D0D6A2
#D0CFA9
#D0C8B0
#D0C1B7
#D0BABE
#D0B4C4
#D0ABCD
#CED8A2
#CECFAB
#CEC7B3
#CEBEBC
#CEB5C5
#CEADCD
#CEA2D8
Colorpallet from #D8CEA2 to #CED8A2 and to #A2D8CE
#D8CEA2
#D8CEA2
#D8CEA2
#D8CEA2
#D8CEA2
#D8CEA2
#D8CEA2
#D6D0A2
#D5D0A3
#D4D0A4
#D3D0A5
#D2D0A6
#D0D0A8
#CFD0A9
#D5D1A2
#D3D1A4
#D1D1A6
#CED1A9
#CCD1AB
#CAD1AD
#C7D1B0
#D3D3A2
#D0D3A5
#CCD3A9
#C9D3AC
#C6D3AF
#C2D3B3
#BED3B7
#D2D4A2
#CDD4A6
#C9D4AB
#C4D4AF
#BFD4B4
#BBD4B8
#B5D4BE
#D0D6A2
#CAD6A8
#C5D6AD
#BFD6B3
#BAD6B8
#B4D6BE
#ADD6C5
#CED8A2
#C7D8A9
#C0D8B0
#B9D8B7
#B2D8BE
#ABD8C5
#A2D8CE
Colorpallet from #D8CEA2 to #CED8A2 and to #A2CED8
#D8CEA2
#D8CEA2
#D8CEA2
#D8CEA2
#D8CEA2
#D8CEA2
#D8CEA2
#D6D0A2
#D5D0A3
#D4CFA5
#D3CFA6
#D2CFA8
#D0CEA9
#CFCEAB
#D5D1A2
#D3D1A5
#D1D0A7
#CED0AA
#CCCFAD
#CACFB0
#C7CEB3
#D3D3A2
#D0D2A6
#CCD1AA
#C9D1AE
#C6D0B3
#C2CFB7
#BECEBC
#D2D4A2
#CDD3A8
#C9D2AD
#C4D1B3
#BFD0B8
#BBCFBE
#B5CEC5
#D0D6A2
#CAD5A9
#C5D3B0
#BFD2B7
#BAD1BE
#B4D0C4
#ADCECD
#CED8A2
#C7D6AB
#C0D5B3
#B9D3BC
#B2D2C5
#ABD0CD
#A2CED8
Colorpallet from #D8CEA2 to #CEA2D8 and to #A2D8CE
#D8CEA2
#D8CEA2
#D8CEA2
#D8CEA2
#D8CEA2
#D8CEA2
#D8CEA2
#D6C7AB
#D5C8AB
#D4CAAA
#D3CBAA
#D2CDAA
#D0CEA9
#CFD0A9
#D5C0B3
#D3C3B3
#D1C5B2
#CEC8B2
#CCCBB1
#CACEB1
#C7D1B0
#D3B9BC
#D0BDBB
#CCC1BA
#C9C5BA
#C6CAB9
#C2CEB8
#BED3B7
#D2B2C5
#CDB7C4
#C9BDC3
#C4C2C2
#BFC8C1
#BBCDBF
#B5D4BE
#D0ABCD
#CAB2CC
#C5B9CA
#BFC0C9
#BAC7C8
#B4CDC7
#ADD6C5
#CEA2D8
#C7ABD6
#C0B3D5
#B9BCD3
#B2C5D2
#ABCDD0
#A2D8CE
Colorpallet from #D8CEA2 to #CEA2D8 and to #A2CED8
#D8CEA2
#D8CEA2
#D8CEA2
#D8CEA2
#D8CEA2
#D8CEA2
#D8CEA2
#D6C7AB
#D5C8AB
#D4C9AB
#D3CAAB
#D2CBAB
#D0CDAB
#CFCEAB
#D5C0B3
#D3C2B3
#D1C4B3
#CEC7B3
#CCC9B3
#CACBB3
#C7CEB3
#D3B9BC
#D0BCBC
#CCC0BC
#C9C3BC
#C6C6BC
#C2CABC
#BECEBC
#D2B2C5
#CDB6C5
#C9BBC5
#C4BFC5
#BFC4C5
#BBC8C5
#B5CEC5
#D0ABCD
#CAB1CD
#C5B6CD
#BFBCCD
#BAC1CD
#B4C7CD
#ADCECD
#CEA2D8
#C7A9D8
#C0B0D8
#B9B7D8
#B2BED8
#ABC5D8
#A2CED8
Colorpallet from #D8CEA2 to #A2D8CE and to #A2CED8
#D8CEA2
#D8CEA2
#D8CEA2
#D8CEA2
#D8CEA2
#D8CEA2
#D8CEA2
#CFD0A9
#CFD0A9
#CFCFAA
#CFCFAA
#CFCFAA
#CFCEAB
#CFCEAB
#C7D1B0
#C7D1B0
#C7D0B1
#C7D0B1
#C7CFB2
#C7CFB2
#C7CEB3
#BED3B7
#BED2B8
#BED1B9
#BED1B9
#BED0BA
#BECFBB
#BECEBC
#B5D4BE
#B5D3BF
#B5D2C0
#B5D1C1
#B5D0C2
#B5CFC4
#B5CEC5
#ADD6C5
#ADD5C6
#ADD3C8
#ADD2C9
#ADD1CA
#ADD0CB
#ADCECD
#A2D8CE
#A2D6D0
#A2D5D1
#A2D3D3
#A2D2D4
#A2D0D6
#A2CED8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
