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 #C4D1A2 to #C4A2D1 and to #D1C4A2
#C4D1A2
#C4D1A2
#C4D1A2
#C4D1A2
#C4D1A2
#C4D1A2
#C4D1A2
#C4C9AA
#C4CAA9
#C5CBA7
#C5CCA6
#C5CDA5
#C6CEA4
#C6CFA2
#C4C2B1
#C5C4AF
#C5C6AC
#C6C7AA
#C7C9A7
#C7CBA5
#C8CDA2
#C4BAB9
#C5BDB5
#C6BFB2
#C7C2AE
#C8C5AA
#C9C8A7
#CACBA2
#C4B3C0
#C5B7BB
#C7BAB6
#C8BEB2
#C9C1AD
#CAC5A8
#CCC9A2
#C4ABC8
#C6AFC2
#C7B4BC
#C9B8B6
#CABDB0
#CCC1AA
#CEC7A2
#C4A2D1
#C6A7C9
#C8ADC2
#CAB2BA
#CCB8B3
#CEBDAB
#D1C4A2
Colorpallet from #C4D1A2 to #C4A2D1 and to #D1A2C4
#C4D1A2
#C4D1A2
#C4D1A2
#C4D1A2
#C4D1A2
#C4D1A2
#C4D1A2
#C4C9AA
#C4C9AA
#C5C9A9
#C5C9A9
#C5C9A8
#C6C9A8
#C6C9A7
#C4C2B1
#C5C2B0
#C5C2B0
#C6C2AF
#C7C2AE
#C7C2AE
#C8C2AD
#C4BAB9
#C5BAB8
#C6BAB7
#C7BAB6
#C8BAB5
#C9BAB3
#CABAB2
#C4B3C0
#C5B3BF
#C7B3BD
#C8B3BC
#C9B3BB
#CAB3BA
#CCB3B8
#C4ABC8
#C6ABC6
#C7ABC4
#C9ABC3
#CAABC1
#CCABBF
#CEABBD
#C4A2D1
#C6A2CF
#C8A2CD
#CAA2CB
#CCA2C9
#CEA2C7
#D1A2C4
Colorpallet from #C4D1A2 to #C4A2D1 and to #A2C4D1
#C4D1A2
#C4D1A2
#C4D1A2
#C4D1A2
#C4D1A2
#C4D1A2
#C4D1A2
#C4C9AA
#C3CAAA
#C2CBAA
#C2CCAA
#C1CDAA
#C0CEAA
#BFCFAA
#C4C2B1
#C2C4B1
#C0C6B1
#BFC7B1
#BDC9B1
#BBCBB1
#B9CDB1
#C4BAB9
#C1BDB9
#BFBFB9
#BCC2B9
#BAC5B9
#B7C8B9
#B4CBB9
#C4B3C0
#C0B7C0
#BDBAC0
#B9BEC0
#B6C1C0
#B2C5C0
#AEC9C0
#C4ABC8
#C0AFC8
#BBB4C8
#B7B8C8
#B3BDC8
#AEC1C8
#A9C7C8
#C4A2D1
#BFA7D1
#B9ADD1
#B4B2D1
#AEB8D1
#A9BDD1
#A2C4D1
Colorpallet from #C4D1A2 to #C4A2D1 and to #A2D1C4
#C4D1A2
#C4D1A2
#C4D1A2
#C4D1A2
#C4D1A2
#C4D1A2
#C4D1A2
#C4C9AA
#C3CAAA
#C2CCA9
#C2CDA9
#C1CEA8
#C0CFA8
#BFD1A7
#C4C2B1
#C2C4B0
#C0C7B0
#BFC9AF
#BDCCAE
#BBCEAE
#B9D1AD
#C4BAB9
#C1BEB8
#BFC1B7
#BCC5B6
#BAC9B5
#B7CCB3
#B4D1B2
#C4B3C0
#C0B8BF
#BDBDBD
#B9C1BC
#B6C6BB
#B2CBBA
#AED1B8
#C4ABC8
#C0B1C6
#BBB7C4
#B7BDC3
#B3C3C1
#AEC9BF
#A9D1BD
#C4A2D1
#BFAACF
#B9B1CD
#B4B9CB
#AEC0C9
#A9C8C7
#A2D1C4
Colorpallet from #C4D1A2 to #D1C4A2 and to #D1A2C4
#C4D1A2
#C4D1A2
#C4D1A2
#C4D1A2
#C4D1A2
#C4D1A2
#C4D1A2
#C6CFA2
#C6CEA3
#C6CDA4
#C6CCA4
#C6CBA5
#C6CAA6
#C6C9A7
#C8CDA2
#C8CBA4
#C8C9A6
#C8C8A7
#C8C6A9
#C8C4AB
#C8C2AD
#CACBA2
#CAC8A5
#CAC6A7
#CAC3AA
#CAC0AC
#CABDAF
#CABAB2
#CCC9A2
#CCC5A6
#CCC2A9
#CCBEAD
#CCBBB0
#CCB7B4
#CCB3B8
#CEC7A2
#CEC3A6
#CEBEAB
#CEBAAF
#CEB5B3
#CEB1B8
#CEABBD
#D1C4A2
#D1BFA7
#D1B9AD
#D1B4B2
#D1AEB8
#D1A9BD
#D1A2C4
Colorpallet from #C4D1A2 to #D1C4A2 and to #A2C4D1
#C4D1A2
#C4D1A2
#C4D1A2
#C4D1A2
#C4D1A2
#C4D1A2
#C4D1A2
#C6CFA2
#C5CFA3
#C4CFA5
#C3CFA6
#C2CFA7
#C0CFA8
#BFCFAA
#C8CDA2
#C6CDA4
#C3CDA7
#C1CDA9
#BECDAC
#BCCDAE
#B9CDB1
#CACBA2
#C6CBA6
#C3CBA9
#BFCBAD
#BCCBB1
#B8CBB4
#B4CBB9
#CCC9A2
#C7C9A7
#C2C9AC
#BEC9B0
#B9C9B5
#B4C9BA
#AEC9C0
#CEC7A2
#C8C7A8
#C2C7AE
#BCC7B4
#B6C7BA
#B0C7C0
#A9C7C8
#D1C4A2
#C9C4AA
#C2C4B1
#BAC4B9
#B3C4C0
#ABC4C8
#A2C4D1
Colorpallet from #C4D1A2 to #D1C4A2 and to #A2D1C4
#C4D1A2
#C4D1A2
#C4D1A2
#C4D1A2
#C4D1A2
#C4D1A2
#C4D1A2
#C6CFA2
#C5CFA3
#C4D0A4
#C3D0A4
#C2D0A5
#C0D1A6
#BFD1A7
#C8CDA2
#C6CEA4
#C3CEA6
#C1CFA7
#BED0A9
#BCD0AB
#B9D1AD
#CACBA2
#C6CCA5
#C3CDA7
#BFCEAA
#BCCFAC
#B8D0AF
#B4D1B2
#CCC9A2
#C7CAA6
#C2CCA9
#BECDAD
#B9CEB0
#B4CFB4
#AED1B8
#CEC7A2
#C8C9A6
#C2CAAB
#BCCCAF
#B6CDB3
#B0CFB8
#A9D1BD
#D1C4A2
#C9C6A7
#C2C8AD
#BACAB2
#B3CCB8
#ABCEBD
#A2D1C4
Colorpallet from #C4D1A2 to #D1A2C4 and to #A2C4D1
#C4D1A2
#C4D1A2
#C4D1A2
#C4D1A2
#C4D1A2
#C4D1A2
#C4D1A2
#C6C9A7
#C5CAA7
#C4CBA8
#C3CCA8
#C2CDA9
#C0CEA9
#BFCFAA
#C8C2AD
#C6C4AE
#C3C6AE
#C1C7AF
#BEC9B0
#BCCBB0
#B9CDB1
#CABAB2
#C6BDB3
#C3BFB4
#BFC2B5
#BCC5B6
#B8C8B8
#B4CBB9
#CCB3B8
#C7B7B9
#C2BABB
#BEBEBC
#B9C1BD
#B4C5BE
#AEC9C0
#CEABBD
#C8AFBF
#C2B4C1
#BCB8C2
#B6BDC4
#B0C1C6
#A9C7C8
#D1A2C4
#C9A7C6
#C2ADC8
#BAB2CA
#B3B8CC
#ABBDCE
#A2C4D1
Colorpallet from #C4D1A2 to #D1A2C4 and to #A2D1C4
#C4D1A2
#C4D1A2
#C4D1A2
#C4D1A2
#C4D1A2
#C4D1A2
#C4D1A2
#C6C9A7
#C5CAA7
#C4CCA7
#C3CDA7
#C2CEA7
#C0CFA7
#BFD1A7
#C8C2AD
#C6C4AD
#C3C7AD
#C1C9AD
#BECCAD
#BCCEAD
#B9D1AD
#CABAB2
#C6BEB2
#C3C1B2
#BFC5B2
#BCC9B2
#B8CCB2
#B4D1B2
#CCB3B8
#C7B8B8
#C2BDB8
#BEC1B8
#B9C6B8
#B4CBB8
#AED1B8
#CEABBD
#C8B1BD
#C2B7BD
#BCBDBD
#B6C3BD
#B0C9BD
#A9D1BD
#D1A2C4
#C9AAC4
#C2B1C4
#BAB9C4
#B3C0C4
#ABC8C4
#A2D1C4
Colorpallet from #C4D1A2 to #A2C4D1 and to #A2D1C4
#C4D1A2
#C4D1A2
#C4D1A2
#C4D1A2
#C4D1A2
#C4D1A2
#C4D1A2
#BFCFAA
#BFCFAA
#BFD0A9
#BFD0A9
#BFD0A8
#BFD1A8
#BFD1A7
#B9CDB1
#B9CEB0
#B9CEB0
#B9CFAF
#B9D0AE
#B9D0AE
#B9D1AD
#B4CBB9
#B4CCB8
#B4CDB7
#B4CEB6
#B4CFB5
#B4D0B3
#B4D1B2
#AEC9C0
#AECABF
#AECCBD
#AECDBC
#AECEBB
#AECFBA
#AED1B8
#A9C7C8
#A9C9C6
#A9CAC4
#A9CCC3
#A9CDC1
#A9CFBF
#A9D1BD
#A2C4D1
#A2C6CF
#A2C8CD
#A2CACB
#A2CCC9
#A2CEC7
#A2D1C4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts