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 #C5B4A2 to #C5A2B4 and to #B4C5A2
#C5B4A2
#C5B4A2
#C5B4A2
#C5B4A2
#C5B4A2
#C5B4A2
#C5B4A2
#C5B1A5
#C5B2A5
#C4B3A4
#C4B4A4
#C3B5A3
#C3B6A3
#C2B7A2
#C5AEA8
#C4B0A7
#C3B2A6
#C3B3A5
#C2B5A4
#C1B7A3
#C0B9A2
#C5ABAB
#C4AEAA
#C2B0A8
#C1B3A7
#C0B6A5
#BFB9A4
#BDBCA2
#C5A8AE
#C3ACAC
#C1AFAA
#C0B3A8
#BEB7A6
#BCBAA4
#BABFA2
#C5A6B0
#C3AAAE
#C1AFAC
#BEB3A9
#BCB8A7
#BABCA5
#B7C2A2
#C5A2B4
#C2A8B1
#C0ADAE
#BDB3AB
#BAB8A8
#B7BEA6
#B4C5A2
Colorpallet from #C5B4A2 to #C5A2B4 and to #B4A2C5
#C5B4A2
#C5B4A2
#C5B4A2
#C5B4A2
#C5B4A2
#C5B4A2
#C5B4A2
#C5B1A5
#C5B1A5
#C4B1A6
#C4B1A6
#C3B1A7
#C3B1A7
#C2B1A8
#C5AEA8
#C4AEA9
#C3AEAA
#C3AEAA
#C2AEAB
#C1AEAC
#C0AEAD
#C5ABAB
#C4ABAC
#C2ABAE
#C1ABAF
#C0ABB0
#BFABB1
#BDABB3
#C5A8AE
#C3A8B0
#C1A8B1
#C0A8B3
#BEA8B4
#BCA8B6
#BAA8B8
#C5A6B0
#C3A6B2
#C1A6B4
#BEA6B7
#BCA6B9
#BAA6BB
#B7A6BE
#C5A2B4
#C2A2B7
#C0A2B9
#BDA2BC
#BAA2BF
#B7A2C2
#B4A2C5
Colorpallet from #C5B4A2 to #C5A2B4 and to #A2C5B4
#C5B4A2
#C5B4A2
#C5B4A2
#C5B4A2
#C5B4A2
#C5B4A2
#C5B4A2
#C5B1A5
#C4B2A5
#C3B3A5
#C2B4A5
#C1B5A5
#C0B6A5
#BFB7A5
#C5AEA8
#C3B0A8
#C1B2A8
#C0B3A8
#BEB5A8
#BCB7A8
#BAB9A8
#C5ABAB
#C2AEAB
#C0B0AB
#BDB3AB
#BAB6AB
#B7B9AB
#B4BCAB
#C5A8AE
#C1ACAE
#BEAFAE
#BAB3AE
#B7B7AE
#B3BAAE
#AFBFAE
#C5A6B0
#C1AAB0
#BCAFB0
#B8B3B0
#B3B8B0
#AFBCB0
#A9C2B0
#C5A2B4
#BFA8B4
#BAADB4
#B4B3B4
#AFB8B4
#A9BEB4
#A2C5B4
Colorpallet from #C5B4A2 to #C5A2B4 and to #A2B4C5
#C5B4A2
#C5B4A2
#C5B4A2
#C5B4A2
#C5B4A2
#C5B4A2
#C5B4A2
#C5B1A5
#C4B1A5
#C3B2A6
#C2B2A6
#C1B3A7
#C0B3A7
#BFB4A8
#C5AEA8
#C3AFA9
#C1B0AA
#C0B1AA
#BEB2AB
#BCB3AC
#BAB4AD
#C5ABAB
#C2ACAC
#C0AEAE
#BDAFAF
#BAB1B0
#B7B2B1
#B4B4B3
#C5A8AE
#C1AAB0
#BEACB1
#BAAEB3
#B7B0B4
#B3B2B6
#AFB4B8
#C5A6B0
#C1A8B2
#BCAAB4
#B8ADB7
#B3AFB9
#AFB1BB
#A9B4BE
#C5A2B4
#BFA5B7
#BAA8B9
#B4ABBC
#AFAEBF
#A9B0C2
#A2B4C5
Colorpallet from #C5B4A2 to #B4C5A2 and to #B4A2C5
#C5B4A2
#C5B4A2
#C5B4A2
#C5B4A2
#C5B4A2
#C5B4A2
#C5B4A2
#C2B7A2
#C2B6A3
#C2B5A4
#C2B4A5
#C2B3A6
#C2B2A7
#C2B1A8
#C0B9A2
#C0B7A4
#C0B5A6
#C0B4A7
#C0B2A9
#C0B0AB
#C0AEAD
#BDBCA2
#BDB9A5
#BDB7A7
#BDB4AA
#BDB1AD
#BDAEB0
#BDABB3
#BABFA2
#BABBA6
#BAB8A9
#BAB4AD
#BAB0B0
#BAADB4
#BAA8B8
#B7C2A2
#B7BEA6
#B7B9AB
#B7B5AF
#B7B0B4
#B7ACB8
#B7A6BE
#B4C5A2
#B4BFA8
#B4BAAD
#B4B4B3
#B4AFB8
#B4A9BE
#B4A2C5
Colorpallet from #C5B4A2 to #B4C5A2 and to #A2C5B4
#C5B4A2
#C5B4A2
#C5B4A2
#C5B4A2
#C5B4A2
#C5B4A2
#C5B4A2
#C2B7A2
#C2B7A2
#C1B7A3
#C1B7A3
#C0B7A4
#C0B7A4
#BFB7A5
#C0B9A2
#BFB9A3
#BEB9A4
#BDB9A5
#BCB9A6
#BBB9A7
#BAB9A8
#BDBCA2
#BCBCA3
#BABCA5
#B9BCA6
#B7BCA8
#B6BCA9
#B4BCAB
#BABFA2
#B8BFA4
#B6BFA6
#B5BFA8
#B3BFAA
#B1BFAC
#AFBFAE
#B7C2A2
#B5C2A4
#B3C2A6
#B0C2A9
#AEC2AB
#ACC2AD
#A9C2B0
#B4C5A2
#B1C5A5
#AEC5A8
#ABC5AB
#A8C5AE
#A6C5B0
#A2C5B4
Colorpallet from #C5B4A2 to #B4C5A2 and to #A2B4C5
#C5B4A2
#C5B4A2
#C5B4A2
#C5B4A2
#C5B4A2
#C5B4A2
#C5B4A2
#C2B7A2
#C2B7A3
#C1B6A4
#C1B6A5
#C0B5A6
#C0B5A7
#BFB4A8
#C0B9A2
#BFB8A4
#BEB7A6
#BDB7A7
#BCB6A9
#BBB5AB
#BAB4AD
#BDBCA2
#BCBBA5
#BAB9A7
#B9B8AA
#B7B7AD
#B6B6B0
#B4B4B3
#BABFA2
#B8BDA6
#B6BBA9
#B5BAAD
#B3B8B0
#B1B6B4
#AFB4B8
#B7C2A2
#B5C0A6
#B3BEAB
#B0BBAF
#AEB9B4
#ACB7B8
#A9B4BE
#B4C5A2
#B1C2A8
#AEC0AD
#ABBDB3
#A8BAB8
#A6B7BE
#A2B4C5
Colorpallet from #C5B4A2 to #B4A2C5 and to #A2C5B4
#C5B4A2
#C5B4A2
#C5B4A2
#C5B4A2
#C5B4A2
#C5B4A2
#C5B4A2
#C2B1A8
#C2B2A8
#C1B3A7
#C1B4A7
#C0B5A6
#C0B6A6
#BFB7A5
#C0AEAD
#BFB0AC
#BEB2AB
#BDB3AB
#BCB5AA
#BBB7A9
#BAB9A8
#BDABB3
#BCAEB2
#BAB0B0
#B9B3AF
#B7B6AE
#B6B9AD
#B4BCAB
#BAA8B8
#B8ACB6
#B6AFB5
#B5B3B3
#B3B7B2
#B1BAB0
#AFBFAE
#B7A6BE
#B5AABC
#B3AFBA
#B0B3B7
#AEB8B5
#ACBCB3
#A9C2B0
#B4A2C5
#B1A8C2
#AEADC0
#ABB3BD
#A8B8BA
#A6BEB7
#A2C5B4
Colorpallet from #C5B4A2 to #B4A2C5 and to #A2B4C5
#C5B4A2
#C5B4A2
#C5B4A2
#C5B4A2
#C5B4A2
#C5B4A2
#C5B4A2
#C2B1A8
#C2B1A8
#C1B2A8
#C1B2A8
#C0B3A8
#C0B3A8
#BFB4A8
#C0AEAD
#BFAFAD
#BEB0AD
#BDB1AD
#BCB2AD
#BBB3AD
#BAB4AD
#BDABB3
#BCACB3
#BAAEB3
#B9AFB3
#B7B1B3
#B6B2B3
#B4B4B3
#BAA8B8
#B8AAB8
#B6ACB8
#B5AEB8
#B3B0B8
#B1B2B8
#AFB4B8
#B7A6BE
#B5A8BE
#B3AABE
#B0ADBE
#AEAFBE
#ACB1BE
#A9B4BE
#B4A2C5
#B1A5C5
#AEA8C5
#ABABC5
#A8AEC5
#A6B0C5
#A2B4C5
Colorpallet from #C5B4A2 to #A2C5B4 and to #A2B4C5
#C5B4A2
#C5B4A2
#C5B4A2
#C5B4A2
#C5B4A2
#C5B4A2
#C5B4A2
#BFB7A5
#BFB7A5
#BFB6A6
#BFB6A6
#BFB5A7
#BFB5A7
#BFB4A8
#BAB9A8
#BAB8A9
#BAB7AA
#BAB7AA
#BAB6AB
#BAB5AC
#BAB4AD
#B4BCAB
#B4BBAC
#B4B9AE
#B4B8AF
#B4B7B0
#B4B6B1
#B4B4B3
#AFBFAE
#AFBDB0
#AFBBB1
#AFBAB3
#AFB8B4
#AFB6B6
#AFB4B8
#A9C2B0
#A9C0B2
#A9BEB4
#A9BBB7
#A9B9B9
#A9B7BB
#A9B4BE
#A2C5B4
#A2C2B7
#A2C0B9
#A2BDBC
#A2BABF
#A2B7C2
#A2B4C5
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
