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 #97CDD2 to #97D2CD and to #CD97D2
#97CDD2
#97CDD2
#97CDD2
#97CDD2
#97CDD2
#97CDD2
#97CDD2
#97CED1
#98CCD1
#9ACBD1
#9BC9D1
#9DC8D2
#9EC6D2
#A0C4D2
#97CFD0
#9ACCD0
#9CC9D1
#9FC6D1
#A2C3D1
#A5C0D2
#A8BCD2
#97CFD0
#9BCBD0
#9FC6D1
#A3C2D1
#A8BDD1
#ACB9D2
#B1B3D2
#97D0CF
#9DCACF
#A2C4D0
#A8BED0
#ADB8D1
#B3B2D1
#BAAAD2
#97D1CE
#9EC9CF
#A5C2CF
#ACBAD0
#B3B3D1
#B9ABD1
#C2A2D2
#97D2CD
#A0C9CE
#A8BFCF
#B1B6CF
#BAACD0
#C2A3D1
#CD97D2
Colorpallet from #97CDD2 to #97D2CD and to #CDD297
#97CDD2
#97CDD2
#97CDD2
#97CDD2
#97CDD2
#97CDD2
#97CDD2
#97CED1
#98CED0
#9ACECE
#9BCECD
#9DCECC
#9ECECB
#A0CEC9
#97CFD0
#9ACFCD
#9CCFCB
#9FCFC8
#A2CFC5
#A5CFC2
#A8CFBF
#97CFD0
#9BCFCC
#9FCFC8
#A3CFC4
#A8CFBF
#ACCFBB
#B1CFB6
#97D0CF
#9DD0C9
#A2D0C4
#A8D0BE
#ADD0B9
#B3D0B3
#BAD0AC
#97D1CE
#9ED1C7
#A5D1C0
#ACD1B9
#B3D1B2
#B9D1AC
#C2D1A3
#97D2CD
#A0D2C4
#A8D2BC
#B1D2B3
#BAD2AA
#C2D2A2
#CDD297
Colorpallet from #97CDD2 to #97D2CD and to #D297CD
#97CDD2
#97CDD2
#97CDD2
#97CDD2
#97CDD2
#97CDD2
#97CDD2
#97CED1
#98CCD1
#9ACBD1
#9BC9D1
#9DC8D1
#9EC6D1
#A0C4D1
#97CFD0
#9ACCD0
#9DC9D0
#A0C6D0
#A3C3D0
#A6C0D0
#AABCD0
#97CFD0
#9BCBD0
#A0C6D0
#A4C2D0
#A9BDD0
#ADB9D0
#B3B3D0
#97D0CF
#9DCACF
#A3C4CF
#A9BECF
#AFB8CF
#B5B2CF
#BDAACF
#97D1CE
#9FC9CE
#A6C2CE
#AEBACE
#B5B3CE
#BDABCE
#C6A2CE
#97D2CD
#A0C9CD
#AABFCD
#B3B6CD
#BDACCD
#C6A3CD
#D297CD
Colorpallet from #97CDD2 to #97D2CD and to #D2CD97
#97CDD2
#97CDD2
#97CDD2
#97CDD2
#97CDD2
#97CDD2
#97CDD2
#97CED1
#98CED0
#9ACECE
#9BCECD
#9DCDCC
#9ECDCB
#A0CDC9
#97CFD0
#9ACFCD
#9DCECB
#A0CEC8
#A3CEC5
#A6CDC2
#AACDBF
#97CFD0
#9BCFCC
#A0CEC8
#A4CEC4
#A9CEBF
#ADCDBB
#B3CDB6
#97D0CF
#9DD0C9
#A3CFC4
#A9CFBE
#AFCEB9
#B5CEB3
#BDCDAC
#97D1CE
#9FD0C7
#A6D0C0
#AECFB9
#B5CEB2
#BDCEAC
#C6CDA3
#97D2CD
#A0D1C4
#AAD0BC
#B3D0B3
#BDCFAA
#C6CEA2
#D2CD97
Colorpallet from #97CDD2 to #CD97D2 and to #CDD297
#97CDD2
#97CDD2
#97CDD2
#97CDD2
#97CDD2
#97CDD2
#97CDD2
#A0C4D2
#A0C6D1
#A0C7CF
#A0C9CE
#A0CACC
#A0CCCB
#A0CEC9
#A8BCD2
#A8BFCF
#A8C2CC
#A8C5C9
#A8C8C6
#A8CBC3
#A8CFBF
#B1B3D2
#B1B7CE
#B1BCC9
#B1C0C5
#B1C5C0
#B1C9BC
#B1CFB6
#BAAAD2
#BAB0CC
#BAB6C6
#BABCC0
#BAC2BA
#BAC8B4
#BAD0AC
#C2A2D2
#C2AACA
#C2B1C3
#C2B9BB
#C2C0B4
#C2C8AC
#C2D1A3
#CD97D2
#CDA0C9
#CDAABF
#CDB3B6
#CDBDAC
#CDC6A3
#CDD297
Colorpallet from #97CDD2 to #CD97D2 and to #D297CD
#97CDD2
#97CDD2
#97CDD2
#97CDD2
#97CDD2
#97CDD2
#97CDD2
#A0C4D2
#A0C4D2
#A0C4D2
#A0C4D2
#A0C4D1
#A0C4D1
#A0C4D1
#A8BCD2
#A8BCD2
#A9BCD1
#A9BCD1
#A9BCD1
#AABCD0
#AABCD0
#B1B3D2
#B1B3D2
#B2B3D1
#B2B3D1
#B2B3D1
#B3B3D0
#B3B3D0
#BAAAD2
#BAAAD2
#BBAAD1
#BBAAD1
#BCAAD0
#BCAAD0
#BDAACF
#C2A2D2
#C3A2D1
#C3A2D1
#C4A2D0
#C5A2CF
#C5A2CF
#C6A2CE
#CD97D2
#CE97D1
#CF97D0
#CF97D0
#D097CF
#D197CE
#D297CD
Colorpallet from #97CDD2 to #CD97D2 and to #D2CD97
#97CDD2
#97CDD2
#97CDD2
#97CDD2
#97CDD2
#97CDD2
#97CDD2
#A0C4D2
#A0C5D1
#A0C7CF
#A0C8CE
#A0CACC
#A0CBCB
#A0CDC9
#A8BCD2
#A8BFCF
#A9C1CC
#A9C4C9
#A9C7C6
#AACAC3
#AACDBF
#B1B3D2
#B1B7CE
#B2BBC9
#B2BFC5
#B2C4C0
#B3C8BC
#B3CDB6
#BAAAD2
#BAB0CC
#BBB5C6
#BBBBC0
#BCC0BA
#BCC6B4
#BDCDAC
#C2A2D2
#C3A9CA
#C3B0C3
#C4B7BB
#C5BEB4
#C5C4AC
#C6CDA3
#CD97D2
#CEA0C9
#CFA8BF
#CFB1B6
#D0BAAC
#D1C2A3
#D2CD97
Colorpallet from #97CDD2 to #CDD297 and to #D297CD
#97CDD2
#97CDD2
#97CDD2
#97CDD2
#97CDD2
#97CDD2
#97CDD2
#A0CEC9
#A0CCCA
#A0CBCC
#A0C9CD
#A0C8CE
#A0C6CF
#A0C4D1
#A8CFBF
#A8CCC2
#A9C9C4
#A9C6C7
#A9C3CA
#AAC0CD
#AABCD0
#B1CFB6
#B1CBBA
#B2C6BE
#B2C2C2
#B2BDC7
#B3B9CB
#B3B3D0
#BAD0AC
#BACAB2
#BBC4B7
#BBBEBD
#BCB8C2
#BCB2C8
#BDAACF
#C2D1A3
#C3C9AA
#C3C2B1
#C4BAB8
#C5B3BF
#C5ABC5
#C6A2CE
#CDD297
#CEC9A0
#CFBFA8
#CFB6B1
#D0ACBA
#D1A3C2
#D297CD
Colorpallet from #97CDD2 to #CDD297 and to #D2CD97
#97CDD2
#97CDD2
#97CDD2
#97CDD2
#97CDD2
#97CDD2
#97CDD2
#A0CEC9
#A0CEC9
#A0CEC9
#A0CEC9
#A0CDC9
#A0CDC9
#A0CDC9
#A8CFBF
#A8CFBF
#A9CEBF
#A9CEBF
#A9CEBF
#AACDBF
#AACDBF
#B1CFB6
#B1CFB6
#B2CEB6
#B2CEB6
#B2CEB6
#B3CDB6
#B3CDB6
#BAD0AC
#BAD0AC
#BBCFAC
#BBCFAC
#BCCEAC
#BCCEAC
#BDCDAC
#C2D1A3
#C3D0A3
#C3D0A3
#C4CFA3
#C5CEA3
#C5CEA3
#C6CDA3
#CDD297
#CED197
#CFD097
#CFD097
#D0CF97
#D1CE97
#D2CD97
Colorpallet from #97CDD2 to #D297CD and to #D2CD97
#97CDD2
#97CDD2
#97CDD2
#97CDD2
#97CDD2
#97CDD2
#97CDD2
#A0C4D1
#A0C5D0
#A0C7CE
#A0C8CD
#A0CACC
#A0CBCB
#A0CDC9
#AABCD0
#AABFCD
#AAC1CB
#AAC4C8
#AAC7C5
#AACAC2
#AACDBF
#B3B3D0
#B3B7CC
#B3BBC8
#B3BFC4
#B3C4BF
#B3C8BB
#B3CDB6
#BDAACF
#BDB0C9
#BDB5C4
#BDBBBE
#BDC0B9
#BDC6B3
#BDCDAC
#C6A2CE
#C6A9C7
#C6B0C0
#C6B7B9
#C6BEB2
#C6C4AC
#C6CDA3
#D297CD
#D2A0C4
#D2A8BC
#D2B1B3
#D2BAAA
#D2C2A2
#D2CD97
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts