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 #97C8E1 to #97E1C8 and to #C897E1
#97C8E1
#97C8E1
#97C8E1
#97C8E1
#97C8E1
#97C8E1
#97C8E1
#97CCDD
#98CADE
#9AC8DE
#9BC6DF
#9CC4E0
#9DC2E0
#9FC0E1
#97D0D9
#9ACCDA
#9CC8DC
#9FC4DD
#A1C1DE
#A4BDDF
#A7B8E1
#97D4D5
#9BCED7
#9FC8D9
#A3C3DB
#A6BDDD
#AAB7DF
#AFB0E1
#97D8D1
#9CD0D4
#A1C9D6
#A6C1D9
#ABBADB
#B0B2DE
#B6A9E1
#97DCCD
#9DD3D0
#A3C9D3
#AAC0D7
#B0B6DA
#B6ADDD
#BEA1E1
#97E1C8
#9FD5CC
#A7C9D0
#AFBDD4
#B6B2D8
#BEA6DC
#C897E1
Colorpallet from #97C8E1 to #97E1C8 and to #C8E197
#97C8E1
#97C8E1
#97C8E1
#97C8E1
#97C8E1
#97C8E1
#97C8E1
#97CCDD
#98CCDC
#9ACCDA
#9BCCD9
#9CCCD8
#9DCCD7
#9FCCD5
#97D0D9
#9AD0D6
#9CD0D4
#9FD0D1
#A1D0CF
#A4D0CC
#A7D0C9
#97D4D5
#9BD4D1
#9FD4CD
#A3D4C9
#A6D4C6
#AAD4C2
#AFD4BD
#97D8D1
#9CD8CC
#A1D8C7
#A6D8C2
#ABD8BD
#B0D8B8
#B6D8B2
#97DCCD
#9DDCC7
#A3DCC1
#AADCBA
#B0DCB4
#B6DCAE
#BEDCA6
#97E1C8
#9FE1C0
#A7E1B8
#AFE1B0
#B6E1A9
#BEE1A1
#C8E197
Colorpallet from #97C8E1 to #97E1C8 and to #E197C8
#97C8E1
#97C8E1
#97C8E1
#97C8E1
#97C8E1
#97C8E1
#97C8E1
#97CCDD
#99CADD
#9BC8DD
#9DC6DD
#9FC4DD
#A1C2DD
#A3C0DD
#97D0D9
#9BCCD9
#9FC8D9
#A3C4D9
#A6C1D9
#AABDD9
#AFB8D9
#97D4D5
#9DCED5
#A3C8D5
#A8C3D5
#AEBDD5
#B4B7D5
#BBB0D5
#97D8D1
#9FD0D1
#A6C9D1
#AEC1D1
#B5BAD1
#BDB2D1
#C6A9D1
#97DCCD
#A0D3CD
#AAC9CD
#B3C0CD
#BDB6CD
#C6ADCD
#D2A1CD
#97E1C8
#A3D5C8
#AFC9C8
#BBBDC8
#C6B2C8
#D2A6C8
#E197C8
Colorpallet from #97C8E1 to #97E1C8 and to #E1C897
#97C8E1
#97C8E1
#97C8E1
#97C8E1
#97C8E1
#97C8E1
#97C8E1
#97CCDD
#99CBDC
#9BCBDA
#9DCAD9
#9FC9D8
#A1C9D7
#A3C8D5
#97D0D9
#9BCFD6
#9FCDD4
#A3CCD1
#A6CBCF
#AACACC
#AFC8C9
#97D4D5
#9DD2D1
#A3D0CD
#A8CEC9
#AECCC6
#B4CAC2
#BBC8BD
#97D8D1
#9FD5CC
#A6D3C7
#AED0C2
#B5CEBD
#BDCBB8
#C6C8B2
#97DCCD
#A0D9C7
#AAD6C1
#B3D2BA
#BDCFB4
#C6CCAE
#D2C8A6
#97E1C8
#A3DDC0
#AFD9B8
#BBD5B0
#C6D1A9
#D2CDA1
#E1C897
Colorpallet from #97C8E1 to #C897E1 and to #C8E197
#97C8E1
#97C8E1
#97C8E1
#97C8E1
#97C8E1
#97C8E1
#97C8E1
#9FC0E1
#9FC2DF
#9FC4DD
#9FC6DB
#9FC8D9
#9FCAD7
#9FCCD5
#A7B8E1
#A7BCDD
#A7C0D9
#A7C4D5
#A7C7D2
#A7CBCE
#A7D0C9
#AFB0E1
#AFB6DB
#AFBCD5
#AFC1D0
#AFC7CA
#AFCDC4
#AFD4BD
#B6A9E1
#B6B1D9
#B6B8D2
#B6C0CA
#B6C7C3
#B6CFBB
#B6D8B2
#BEA1E1
#BEAAD8
#BEB4CE
#BEBDC5
#BEC7BB
#BED0B2
#BEDCA6
#C897E1
#C8A3D5
#C8AFC9
#C8BBBD
#C8C6B2
#C8D2A6
#C8E197
Colorpallet from #97C8E1 to #C897E1 and to #E197C8
#97C8E1
#97C8E1
#97C8E1
#97C8E1
#97C8E1
#97C8E1
#97C8E1
#9FC0E1
#A0C0E0
#A0C0E0
#A1C0DF
#A2C0DE
#A2C0DE
#A3C0DD
#A7B8E1
#A8B8E0
#AAB8DE
#ABB8DD
#ACB8DC
#ADB8DB
#AFB8D9
#AFB0E1
#B1B0DF
#B3B0DD
#B5B0DB
#B7B0D9
#B9B0D7
#BBB0D5
#B6A9E1
#B9A9DE
#BBA9DC
#BEA9D9
#C0A9D7
#C3A9D4
#C6A9D1
#BEA1E1
#C1A1DE
#C4A1DB
#C8A1D7
#CBA1D4
#CEA1D1
#D2A1CD
#C897E1
#CC97DD
#D097D9
#D497D5
#D897D1
#DC97CD
#E197C8
Colorpallet from #97C8E1 to #C897E1 and to #E1C897
#97C8E1
#97C8E1
#97C8E1
#97C8E1
#97C8E1
#97C8E1
#97C8E1
#9FC0E1
#A0C1DF
#A0C3DD
#A1C4DB
#A2C5D9
#A2C6D7
#A3C8D5
#A7B8E1
#A8BBDD
#AABDD9
#ABC0D5
#ACC2D2
#ADC5CE
#AFC8C9
#AFB0E1
#B1B4DB
#B3B8D5
#B5BCD0
#B7BFCA
#B9C3C4
#BBC8BD
#B6A9E1
#B9AED9
#BBB3D2
#BEB8CA
#C0BDC3
#C3C2BB
#C6C8B2
#BEA1E1
#C1A7D8
#C4ADCE
#C8B4C5
#CBBABB
#CEC0B2
#D2C8A6
#C897E1
#CC9FD5
#D0A7C9
#D4AFBD
#D8B6B2
#DCBEA6
#E1C897
Colorpallet from #97C8E1 to #C8E197 and to #E197C8
#97C8E1
#97C8E1
#97C8E1
#97C8E1
#97C8E1
#97C8E1
#97C8E1
#9FCCD5
#A0CAD6
#A0C8D8
#A1C6D9
#A2C4DA
#A2C2DB
#A3C0DD
#A7D0C9
#A8CCCC
#AAC8CE
#ABC4D1
#ACC1D3
#ADBDD6
#AFB8D9
#AFD4BD
#B1CEC1
#B3C8C5
#B5C3C9
#B7BDCC
#B9B7D0
#BBB0D5
#B6D8B2
#B9D0B7
#BBC9BC
#BEC1C1
#C0BAC6
#C3B2CB
#C6A9D1
#BEDCA6
#C1D3AC
#C4C9B2
#C8C0B9
#CBB6BF
#CEADC5
#D2A1CD
#C8E197
#CCD59F
#D0C9A7
#D4BDAF
#D8B2B6
#DCA6BE
#E197C8
Colorpallet from #97C8E1 to #C8E197 and to #E1C897
#97C8E1
#97C8E1
#97C8E1
#97C8E1
#97C8E1
#97C8E1
#97C8E1
#9FCCD5
#A0CBD5
#A0CBD5
#A1CAD5
#A2C9D5
#A2C9D5
#A3C8D5
#A7D0C9
#A8CFC9
#AACDC9
#ABCCC9
#ACCBC9
#ADCAC9
#AFC8C9
#AFD4BD
#B1D2BD
#B3D0BD
#B5CEBD
#B7CCBD
#B9CABD
#BBC8BD
#B6D8B2
#B9D5B2
#BBD3B2
#BED0B2
#C0CEB2
#C3CBB2
#C6C8B2
#BEDCA6
#C1D9A6
#C4D6A6
#C8D2A6
#CBCFA6
#CECCA6
#D2C8A6
#C8E197
#CCDD97
#D0D997
#D4D597
#D8D197
#DCCD97
#E1C897
Colorpallet from #97C8E1 to #E197C8 and to #E1C897
#97C8E1
#97C8E1
#97C8E1
#97C8E1
#97C8E1
#97C8E1
#97C8E1
#A3C0DD
#A3C1DC
#A3C3DA
#A3C4D9
#A3C5D8
#A3C6D7
#A3C8D5
#AFB8D9
#AFBBD6
#AFBDD4
#AFC0D1
#AFC2CF
#AFC5CC
#AFC8C9
#BBB0D5
#BBB4D1
#BBB8CD
#BBBCC9
#BBBFC6
#BBC3C2
#BBC8BD
#C6A9D1
#C6AECC
#C6B3C7
#C6B8C2
#C6BDBD
#C6C2B8
#C6C8B2
#D2A1CD
#D2A7C7
#D2ADC1
#D2B4BA
#D2BAB4
#D2C0AE
#D2C8A6
#E197C8
#E19FC0
#E1A7B8
#E1AFB0
#E1B6A9
#E1BEA1
#E1C897
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts