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 #CDD9A3 to #CDA3D9 and to #D9CDA3
#CDD9A3
#CDD9A3
#CDD9A3
#CDD9A3
#CDD9A3
#CDD9A3
#CDD9A3
#CDD0AC
#CDD1AB
#CED2A9
#CED3A8
#CED4A6
#CFD6A5
#CFD7A3
#CDC8B4
#CECAB1
#CECCAF
#CFCEAC
#D0D0A9
#D0D2A6
#D1D5A3
#CDBFBD
#CEC2B9
#CFC5B5
#D0C9B1
#D1CCAC
#D2CFA8
#D3D3A3
#CDB6C6
#CEBAC0
#D0BFBB
#D1C3B5
#D2C7B0
#D3CCAA
#D5D1A3
#CDAECE
#CFB3C7
#D0B9C0
#D2BEB9
#D3C3B2
#D5C8AC
#D7CFA3
#CDA3D9
#CFAAD0
#D1B0C8
#D3B7BF
#D5BEB6
#D7C5AE
#D9CDA3
Colorpallet from #CDD9A3 to #CDA3D9 and to #D9A3CD
#CDD9A3
#CDD9A3
#CDD9A3
#CDD9A3
#CDD9A3
#CDD9A3
#CDD9A3
#CDD0AC
#CDD0AC
#CED0AB
#CED0AB
#CED0AB
#CFD0AA
#CFD0AA
#CDC8B4
#CEC8B3
#CEC8B3
#CFC8B2
#D0C8B1
#D0C8B1
#D1C8B0
#CDBFBD
#CEBFBC
#CFBFBB
#D0BFBA
#D1BFB9
#D2BFB8
#D3BFB7
#CDB6C6
#CEB6C5
#D0B6C3
#D1B6C2
#D2B6C1
#D3B6C0
#D5B6BE
#CDAECE
#CFAECD
#D0AECB
#D2AECA
#D3AEC8
#D5AEC7
#D7AEC5
#CDA3D9
#CFA3D7
#D1A3D5
#D3A3D3
#D5A3D1
#D7A3CF
#D9A3CD
Colorpallet from #CDD9A3 to #CDA3D9 and to #A3CDD9
#CDD9A3
#CDD9A3
#CDD9A3
#CDD9A3
#CDD9A3
#CDD9A3
#CDD9A3
#CDD0AC
#CCD1AC
#CBD2AC
#CAD3AC
#C9D4AC
#C7D6AC
#C6D7AC
#CDC8B4
#CBCAB4
#C9CCB4
#C7CEB4
#C5D0B4
#C3D2B4
#C0D5B4
#CDBFBD
#CAC2BD
#C7C5BD
#C3C9BD
#C0CCBD
#BDCFBD
#B9D3BD
#CDB6C6
#C9BAC6
#C4BFC6
#C0C3C6
#BCC7C6
#B7CCC6
#B2D1C6
#CDAECE
#C8B3CE
#C2B9CE
#BDBECE
#B7C3CE
#B2C8CE
#ABCFCE
#CDA3D9
#C6AAD9
#C0B0D9
#B9B7D9
#B2BED9
#ABC5D9
#A3CDD9
Colorpallet from #CDD9A3 to #CDA3D9 and to #A3D9CD
#CDD9A3
#CDD9A3
#CDD9A3
#CDD9A3
#CDD9A3
#CDD9A3
#CDD9A3
#CDD0AC
#CCD1AC
#CBD3AB
#CAD4AB
#C9D6AB
#C7D7AA
#C6D9AA
#CDC8B4
#CBCBB3
#C9CDB3
#C7D0B2
#C5D3B1
#C3D6B1
#C0D9B0
#CDBFBD
#CAC3BC
#C7C7BB
#C3CBBA
#C0D0B9
#BDD4B8
#B9D9B7
#CDB6C6
#C9BCC5
#C4C1C3
#C0C7C2
#BCCCC1
#B7D2C0
#B2D9BE
#CDAECE
#C8B5CD
#C2BCCB
#BDC3CA
#B7CAC8
#B2D0C7
#ABD9C5
#CDA3D9
#C6ACD7
#C0B4D5
#B9BDD3
#B2C6D1
#ABCECF
#A3D9CD
Colorpallet from #CDD9A3 to #D9CDA3 and to #D9A3CD
#CDD9A3
#CDD9A3
#CDD9A3
#CDD9A3
#CDD9A3
#CDD9A3
#CDD9A3
#CFD7A3
#CFD6A4
#CFD5A5
#CFD4A6
#CFD3A7
#CFD1A9
#CFD0AA
#D1D5A3
#D1D3A5
#D1D1A7
#D1CFA9
#D1CDAB
#D1CBAD
#D1C8B0
#D3D3A3
#D3D0A6
#D3CDA9
#D3C9AD
#D3C6B0
#D3C3B3
#D3BFB7
#D5D1A3
#D5CDA7
#D5C8AC
#D5C4B0
#D5C0B4
#D5BBB9
#D5B6BE
#D7CFA3
#D7CAA8
#D7C4AE
#D7BFB3
#D7BAB9
#D7B5BE
#D7AEC5
#D9CDA3
#D9C6AA
#D9C0B0
#D9B9B7
#D9B2BE
#D9ABC5
#D9A3CD
Colorpallet from #CDD9A3 to #D9CDA3 and to #A3CDD9
#CDD9A3
#CDD9A3
#CDD9A3
#CDD9A3
#CDD9A3
#CDD9A3
#CDD9A3
#CFD7A3
#CED7A4
#CCD7A6
#CBD7A7
#C9D7A9
#C8D7AA
#C6D7AC
#D1D5A3
#CED5A6
#CCD5A8
#C9D5AB
#C6D5AE
#C3D5B1
#C0D5B4
#D3D3A3
#CFD3A7
#CBD3AB
#C7D3AF
#C2D3B4
#BED3B8
#B9D3BD
#D5D1A3
#CFD1A9
#CAD1AE
#C4D1B4
#BFD1B9
#B9D1BF
#B2D1C6
#D7CFA3
#D0CFAA
#C9CFB1
#C2CFB8
#BBCFBF
#B4CFC5
#ABCFCE
#D9CDA3
#D0CDAC
#C8CDB4
#BFCDBD
#B6CDC6
#AECDCE
#A3CDD9
Colorpallet from #CDD9A3 to #D9CDA3 and to #A3D9CD
#CDD9A3
#CDD9A3
#CDD9A3
#CDD9A3
#CDD9A3
#CDD9A3
#CDD9A3
#CFD7A3
#CED7A4
#CCD8A5
#CBD8A6
#C9D8A7
#C8D9A9
#C6D9AA
#D1D5A3
#CED6A5
#CCD6A7
#C9D7A9
#C6D8AB
#C3D8AD
#C0D9B0
#D3D3A3
#CFD4A6
#CBD5A9
#C7D6AD
#C2D7B0
#BED8B3
#B9D9B7
#D5D1A3
#CFD2A7
#CAD4AC
#C4D5B0
#BFD6B4
#B9D7B9
#B2D9BE
#D7CFA3
#D0D1A8
#C9D2AE
#C2D4B3
#BBD5B9
#B4D7BE
#ABD9C5
#D9CDA3
#D0CFAA
#C8D1B0
#BFD3B7
#B6D5BE
#AED7C5
#A3D9CD
Colorpallet from #CDD9A3 to #D9A3CD and to #A3CDD9
#CDD9A3
#CDD9A3
#CDD9A3
#CDD9A3
#CDD9A3
#CDD9A3
#CDD9A3
#CFD0AA
#CED1AA
#CCD2AB
#CBD3AB
#C9D4AB
#C8D6AC
#C6D7AC
#D1C8B0
#CECAB1
#CCCCB1
#C9CEB2
#C6D0B3
#C3D2B3
#C0D5B4
#D3BFB7
#CFC2B8
#CBC5B9
#C7C9BA
#C2CCBB
#BECFBC
#B9D3BD
#D5B6BE
#CFBABF
#CABFC1
#C4C3C2
#BFC7C3
#B9CCC4
#B2D1C6
#D7AEC5
#D0B3C6
#C9B9C8
#C2BEC9
#BBC3CB
#B4C8CC
#ABCFCE
#D9A3CD
#D0AACF
#C8B0D1
#BFB7D3
#B6BED5
#AEC5D7
#A3CDD9
Colorpallet from #CDD9A3 to #D9A3CD and to #A3D9CD
#CDD9A3
#CDD9A3
#CDD9A3
#CDD9A3
#CDD9A3
#CDD9A3
#CDD9A3
#CFD0AA
#CED1AA
#CCD3AA
#CBD4AA
#C9D6AA
#C8D7AA
#C6D9AA
#D1C8B0
#CECBB0
#CCCDB0
#C9D0B0
#C6D3B0
#C3D6B0
#C0D9B0
#D3BFB7
#CFC3B7
#CBC7B7
#C7CBB7
#C2D0B7
#BED4B7
#B9D9B7
#D5B6BE
#CFBCBE
#CAC1BE
#C4C7BE
#BFCCBE
#B9D2BE
#B2D9BE
#D7AEC5
#D0B5C5
#C9BCC5
#C2C3C5
#BBCAC5
#B4D0C5
#ABD9C5
#D9A3CD
#D0ACCD
#C8B4CD
#BFBDCD
#B6C6CD
#AECECD
#A3D9CD
Colorpallet from #CDD9A3 to #A3CDD9 and to #A3D9CD
#CDD9A3
#CDD9A3
#CDD9A3
#CDD9A3
#CDD9A3
#CDD9A3
#CDD9A3
#C6D7AC
#C6D7AC
#C6D8AB
#C6D8AB
#C6D8AB
#C6D9AA
#C6D9AA
#C0D5B4
#C0D6B3
#C0D6B3
#C0D7B2
#C0D8B1
#C0D8B1
#C0D9B0
#B9D3BD
#B9D4BC
#B9D5BB
#B9D6BA
#B9D7B9
#B9D8B8
#B9D9B7
#B2D1C6
#B2D2C5
#B2D4C3
#B2D5C2
#B2D6C1
#B2D7C0
#B2D9BE
#ABCFCE
#ABD1CD
#ABD2CB
#ABD4CA
#ABD5C8
#ABD7C7
#ABD9C5
#A3CDD9
#A3CFD7
#A3D1D5
#A3D3D3
#A3D5D1
#A3D7CF
#A3D9CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
