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 #B3C1E1 to #B3E1C1 and to #C1B3E1
#B3C1E1
#B3C1E1
#B3C1E1
#B3C1E1
#B3C1E1
#B3C1E1
#B3C1E1
#B3C6DC
#B3C5DD
#B4C4DE
#B4C3DE
#B4C2DF
#B5C0E0
#B5BFE1
#B3CBD7
#B4C9D9
#B4C7DA
#B5C4DC
#B6C2DD
#B6C0DF
#B7BDE1
#B3D0D2
#B4CCD4
#B5C9D7
#B6C5D9
#B7C2DC
#B9BEDE
#BABAE1
#B3D5CD
#B4D0D0
#B6CCD3
#B7C7D7
#B9C2DA
#BABEDD
#BCB8E1
#B3DBC7
#B5D5CB
#B7CFCF
#B8C9D3
#BAC3D8
#BCBDDC
#BEB6E1
#B3E1C1
#B5DAC6
#B7D2CB
#BACBD0
#BCC4D5
#BEBCDB
#C1B3E1
Colorpallet from #B3C1E1 to #B3E1C1 and to #C1E1B3
#B3C1E1
#B3C1E1
#B3C1E1
#B3C1E1
#B3C1E1
#B3C1E1
#B3C1E1
#B3C6DC
#B3C6DC
#B4C6DB
#B4C6DB
#B4C6DB
#B5C6DA
#B5C6DA
#B3CBD7
#B4CBD6
#B4CBD5
#B5CBD5
#B6CBD4
#B6CBD3
#B7CBD2
#B3D0D2
#B4D0D1
#B5D0D0
#B6D0CF
#B7D0CE
#B9D0CC
#BAD0CB
#B3D5CD
#B4D5CC
#B6D5CA
#B7D5C9
#B9D5C7
#BAD5C6
#BCD5C4
#B3DBC7
#B5DBC5
#B7DBC3
#B8DBC2
#BADBC0
#BCDBBE
#BEDBBC
#B3E1C1
#B5E1BF
#B7E1BD
#BAE1BA
#BCE1B8
#BEE1B6
#C1E1B3
Colorpallet from #B3C1E1 to #B3E1C1 and to #E1B3C1
#B3C1E1
#B3C1E1
#B3C1E1
#B3C1E1
#B3C1E1
#B3C1E1
#B3C1E1
#B3C6DC
#B4C5DC
#B5C4DC
#B6C3DC
#B7C2DC
#B9C0DC
#BABFDC
#B3CBD7
#B5C9D7
#B8C7D7
#BAC4D7
#BDC2D7
#BFC0D7
#C2BDD7
#B3D0D2
#B7CCD2
#BAC9D2
#BEC5D2
#C1C2D2
#C5BED2
#C9BAD2
#B3D5CD
#B8D0CD
#BCCCCD
#C1C7CD
#C6C2CD
#CABECD
#D0B8CD
#B3DBC7
#B9D5C7
#BFCFC7
#C5C9C7
#CBC3C7
#D1BDC7
#D8B6C7
#B3E1C1
#BADAC1
#C2D2C1
#C9CBC1
#D0C4C1
#D8BCC1
#E1B3C1
Colorpallet from #B3C1E1 to #B3E1C1 and to #E1C1B3
#B3C1E1
#B3C1E1
#B3C1E1
#B3C1E1
#B3C1E1
#B3C1E1
#B3C1E1
#B3C6DC
#B4C5DC
#B5C4DB
#B6C4DB
#B7C3DB
#B9C2DA
#BAC1DA
#B3CBD7
#B5C9D6
#B8C8D5
#BAC6D5
#BDC5D4
#BFC3D3
#C2C1D2
#B3D0D2
#B7CED1
#BACBD0
#BEC9CF
#C1C6CE
#C5C4CC
#C9C1CB
#B3D5CD
#B8D2CC
#BCCFCA
#C1CBC9
#C6C8C7
#CAC5C6
#D0C1C4
#B3DBC7
#B9D7C5
#BFD3C3
#C5CFC2
#CBCAC0
#D1C6BE
#D8C1BC
#B3E1C1
#BADCBF
#C2D7BD
#C9D2BA
#D0CDB8
#D8C7B6
#E1C1B3
Colorpallet from #B3C1E1 to #C1B3E1 and to #C1E1B3
#B3C1E1
#B3C1E1
#B3C1E1
#B3C1E1
#B3C1E1
#B3C1E1
#B3C1E1
#B5BFE1
#B5C0E0
#B5C1DF
#B5C2DE
#B5C3DD
#B5C5DB
#B5C6DA
#B7BDE1
#B7BFDF
#B7C1DC
#B7C4DA
#B7C6D7
#B7C8D5
#B7CBD2
#BABAE1
#BABEDD
#BAC1DA
#BAC5D6
#BAC8D3
#BACCCF
#BAD0CB
#BCB8E1
#BCBDDC
#BCC1D8
#BCC6D3
#BCCBCE
#BCCFCA
#BCD5C4
#BEB6E1
#BEBCDB
#BEC2D5
#BEC8CF
#BECEC9
#BED4C3
#BEDBBC
#C1B3E1
#C1BADA
#C1C2D2
#C1C9CB
#C1D0C4
#C1D8BC
#C1E1B3
Colorpallet from #B3C1E1 to #C1B3E1 and to #E1B3C1
#B3C1E1
#B3C1E1
#B3C1E1
#B3C1E1
#B3C1E1
#B3C1E1
#B3C1E1
#B5BFE1
#B6BFE0
#B7BFDF
#B7BFDF
#B8BFDE
#B9BFDD
#BABFDC
#B7BDE1
#B9BDDF
#BBBDDE
#BCBDDC
#BEBDDB
#C0BDD9
#C2BDD7
#BABAE1
#BCBADF
#BFBADC
#C1BADA
#C4BAD7
#C6BAD5
#C9BAD2
#BCB8E1
#BFB8DE
#C2B8DB
#C6B8D7
#C9B8D4
#CCB8D1
#D0B8CD
#BEB6E1
#C2B6DD
#C6B6D9
#CAB6D5
#CFB6D0
#D3B6CC
#D8B6C7
#C1B3E1
#C6B3DC
#CBB3D7
#D0B3D2
#D5B3CD
#DBB3C7
#E1B3C1
Colorpallet from #B3C1E1 to #C1B3E1 and to #E1C1B3
#B3C1E1
#B3C1E1
#B3C1E1
#B3C1E1
#B3C1E1
#B3C1E1
#B3C1E1
#B5BFE1
#B6BFE0
#B7C0DF
#B7C0DE
#B8C0DD
#B9C1DB
#BAC1DA
#B7BDE1
#B9BEDF
#BBBEDC
#BCBFDA
#BEC0D7
#C0C0D5
#C2C1D2
#BABAE1
#BCBBDD
#BFBCDA
#C1BDD6
#C4BED3
#C6C0CF
#C9C1CB
#BCB8E1
#BFB9DC
#C2BBD8
#C6BCD3
#C9BECE
#CCBFCA
#D0C1C4
#BEB6E1
#C2B8DB
#C6BAD5
#CABBCF
#CFBDC9
#D3BFC3
#D8C1BC
#C1B3E1
#C6B5DA
#CBB7D2
#D0BACB
#D5BCC4
#DBBEBC
#E1C1B3
Colorpallet from #B3C1E1 to #C1E1B3 and to #E1B3C1
#B3C1E1
#B3C1E1
#B3C1E1
#B3C1E1
#B3C1E1
#B3C1E1
#B3C1E1
#B5C6DA
#B6C5DA
#B7C4DB
#B7C3DB
#B8C2DB
#B9C0DC
#BABFDC
#B7CBD2
#B9C9D3
#BBC7D4
#BCC4D4
#BEC2D5
#C0C0D6
#C2BDD7
#BAD0CB
#BCCCCC
#BFC9CD
#C1C5CE
#C4C2CF
#C6BED1
#C9BAD2
#BCD5C4
#BFD0C5
#C2CCC7
#C6C7C8
#C9C2CA
#CCBECB
#D0B8CD
#BEDBBC
#C2D5BE
#C6CFC0
#CAC9C1
#CFC3C3
#D3BDC5
#D8B6C7
#C1E1B3
#C6DAB5
#CBD2B7
#D0CBBA
#D5C4BC
#DBBCBE
#E1B3C1
Colorpallet from #B3C1E1 to #C1E1B3 and to #E1C1B3
#B3C1E1
#B3C1E1
#B3C1E1
#B3C1E1
#B3C1E1
#B3C1E1
#B3C1E1
#B5C6DA
#B6C5DA
#B7C4DA
#B7C4DA
#B8C3DA
#B9C2DA
#BAC1DA
#B7CBD2
#B9C9D2
#BBC8D2
#BCC6D2
#BEC5D2
#C0C3D2
#C2C1D2
#BAD0CB
#BCCECB
#BFCBCB
#C1C9CB
#C4C6CB
#C6C4CB
#C9C1CB
#BCD5C4
#BFD2C4
#C2CFC4
#C6CBC4
#C9C8C4
#CCC5C4
#D0C1C4
#BEDBBC
#C2D7BC
#C6D3BC
#CACFBC
#CFCABC
#D3C6BC
#D8C1BC
#C1E1B3
#C6DCB3
#CBD7B3
#D0D2B3
#D5CDB3
#DBC7B3
#E1C1B3
Colorpallet from #B3C1E1 to #E1B3C1 and to #E1C1B3
#B3C1E1
#B3C1E1
#B3C1E1
#B3C1E1
#B3C1E1
#B3C1E1
#B3C1E1
#BABFDC
#BABFDC
#BAC0DB
#BAC0DB
#BAC0DB
#BAC1DA
#BAC1DA
#C2BDD7
#C2BED6
#C2BED5
#C2BFD5
#C2C0D4
#C2C0D3
#C2C1D2
#C9BAD2
#C9BBD1
#C9BCD0
#C9BDCF
#C9BECE
#C9C0CC
#C9C1CB
#D0B8CD
#D0B9CC
#D0BBCA
#D0BCC9
#D0BEC7
#D0BFC6
#D0C1C4
#D8B6C7
#D8B8C5
#D8BAC3
#D8BBC2
#D8BDC0
#D8BFBE
#D8C1BC
#E1B3C1
#E1B5BF
#E1B7BD
#E1BABA
#E1BCB8
#E1BEB6
#E1C1B3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
