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 #D2BE8C to #D28CBE and to #BED28C
#D2BE8C
#D2BE8C
#D2BE8C
#D2BE8C
#D2BE8C
#D2BE8C
#D2BE8C
#D2B694
#D2B893
#D1BA91
#D1BB90
#D0BD8F
#D0BF8E
#CFC18C
#D2AE9C
#D1B299
#D0B597
#CFB994
#CEBC92
#CDC08F
#CCC48C
#D2A6A4
#D0ABA0
#CFB19C
#CDB698
#CCBC95
#CAC191
#C8C88C
#D29EAC
#D0A5A7
#CEACA2
#CCB49D
#CABB98
#C8C292
#C5CB8C
#D296B4
#CF9FAE
#CDA8A7
#CAB1A1
#C8BA9A
#C5C394
#C2CE8C
#D28CBE
#CF97B6
#CCA2AE
#C8AEA6
#C5B99E
#C2C496
#BED28C
Colorpallet from #D2BE8C to #D28CBE and to #BE8CD2
#D2BE8C
#D2BE8C
#D2BE8C
#D2BE8C
#D2BE8C
#D2BE8C
#D2BE8C
#D2B694
#D2B694
#D1B695
#D1B695
#D0B696
#D0B696
#CFB697
#D2AE9C
#D1AE9D
#D0AE9E
#CFAE9F
#CEAEA0
#CDAEA1
#CCAEA2
#D2A6A4
#D0A6A6
#CFA6A7
#CDA6A9
#CCA6AA
#CAA6AC
#C8A6AE
#D29EAC
#D09EAE
#CE9EB0
#CC9EB2
#CA9EB4
#C89EB6
#C59EB9
#D296B4
#CF96B7
#CD96B9
#CA96BC
#C896BE
#C596C1
#C296C4
#D28CBE
#CF8CC1
#CC8CC4
#C88CC8
#C58CCB
#C28CCE
#BE8CD2
Colorpallet from #D2BE8C to #D28CBE and to #8CD2BE
#D2BE8C
#D2BE8C
#D2BE8C
#D2BE8C
#D2BE8C
#D2BE8C
#D2BE8C
#D2B694
#D0B894
#CEBA94
#CDBB94
#CBBD94
#C9BF94
#C7C194
#D2AE9C
#CEB29C
#CBB59C
#C7B99C
#C4BC9C
#C0C09C
#BCC49C
#D2A6A4
#CDABA4
#C7B1A4
#C2B6A4
#BCBCA4
#B7C1A4
#B0C8A4
#D29EAC
#CBA5AC
#C4ACAC
#BCB4AC
#B5BBAC
#AEC2AC
#A5CBAC
#D296B4
#C99FB4
#C0A8B4
#B7B1B4
#AEBAB4
#A5C3B4
#9ACEB4
#D28CBE
#C797BE
#BCA2BE
#B0AEBE
#A5B9BE
#9AC4BE
#8CD2BE
Colorpallet from #D2BE8C to #D28CBE and to #8CBED2
#D2BE8C
#D2BE8C
#D2BE8C
#D2BE8C
#D2BE8C
#D2BE8C
#D2BE8C
#D2B694
#D0B794
#CEB995
#CDBA95
#CBBB96
#C9BC96
#C7BE97
#D2AE9C
#CEB19D
#CBB39E
#C7B69F
#C4B8A0
#C0BBA1
#BCBEA2
#D2A6A4
#CDAAA6
#C7AEA7
#C2B2A9
#BCB5AA
#B7B9AC
#B0BEAE
#D29EAC
#CBA3AE
#C4A8B0
#BCADB2
#B5B2B4
#AEB8B6
#A5BEB9
#D296B4
#C99CB7
#C0A3B9
#B7A9BC
#AEB0BE
#A5B6C1
#9ABEC4
#D28CBE
#C794C1
#BC9CC4
#B0A4C8
#A5ACCB
#9AB4CE
#8CBED2
Colorpallet from #D2BE8C to #BED28C and to #BE8CD2
#D2BE8C
#D2BE8C
#D2BE8C
#D2BE8C
#D2BE8C
#D2BE8C
#D2BE8C
#CFC18C
#CFBF8E
#CFBD90
#CFBC91
#CFBA93
#CFB895
#CFB697
#CCC48C
#CCC090
#CCBD93
#CCB997
#CCB69A
#CCB29E
#CCAEA2
#C8C88C
#C8C391
#C8BD97
#C8B89C
#C8B2A2
#C8ADA7
#C8A6AE
#C5CB8C
#C5C493
#C5BD9A
#C5B5A2
#C5AEA9
#C5A7B0
#C59EB9
#C2CE8C
#C2C595
#C2BC9E
#C2B3A7
#C2AAB0
#C2A1B9
#C296C4
#BED28C
#BEC797
#BEBCA2
#BEB0AE
#BEA5B9
#BE9AC4
#BE8CD2
Colorpallet from #D2BE8C to #BED28C and to #8CD2BE
#D2BE8C
#D2BE8C
#D2BE8C
#D2BE8C
#D2BE8C
#D2BE8C
#D2BE8C
#CFC18C
#CEC18D
#CCC18F
#CBC190
#CAC191
#C9C192
#C7C194
#CCC48C
#C9C48F
#C7C491
#C4C494
#C2C496
#BFC499
#BCC49C
#C8C88C
#C4C890
#C0C894
#BCC898
#B9C89B
#B5C89F
#B0C8A4
#C5CB8C
#C0CB91
#BBCB96
#B6CB9B
#B1CBA0
#ABCBA6
#A5CBAC
#C2CE8C
#BCCE92
#B5CE99
#AFCE9F
#A8CEA6
#A2CEAC
#9ACEB4
#BED28C
#B6D294
#AED29C
#A6D2A4
#9ED2AC
#96D2B4
#8CD2BE
Colorpallet from #D2BE8C to #BED28C and to #8CBED2
#D2BE8C
#D2BE8C
#D2BE8C
#D2BE8C
#D2BE8C
#D2BE8C
#D2BE8C
#CFC18C
#CEC18E
#CCC090
#CBC091
#CABF93
#C9BF95
#C7BE97
#CCC48C
#C9C390
#C7C293
#C4C197
#C2C09A
#BFBF9E
#BCBEA2
#C8C88C
#C4C691
#C0C597
#BCC39C
#B9C2A2
#B5C0A7
#B0BEAE
#C5CB8C
#C0C993
#BBC79A
#B6C5A2
#B1C3A9
#ABC1B0
#A5BEB9
#C2CE8C
#BCCB95
#B5C99E
#AFC6A7
#A8C4B0
#A2C1B9
#9ABEC4
#BED28C
#B6CF97
#AECCA2
#A6C8AE
#9EC5B9
#96C2C4
#8CBED2
Colorpallet from #D2BE8C to #BE8CD2 and to #8CD2BE
#D2BE8C
#D2BE8C
#D2BE8C
#D2BE8C
#D2BE8C
#D2BE8C
#D2BE8C
#CFB697
#CEB897
#CCBA96
#CBBB96
#CABD95
#C9BF95
#C7C194
#CCAEA2
#C9B2A1
#C7B5A0
#C4B99F
#C2BC9E
#BFC09D
#BCC49C
#C8A6AE
#C4ABAC
#C0B1AB
#BCB6A9
#B9BCA8
#B5C1A6
#B0C8A4
#C59EB9
#C0A5B7
#BBACB5
#B6B4B3
#B1BBB1
#ABC2AF
#A5CBAC
#C296C4
#BC9FC1
#B5A8BF
#AFB1BC
#A8BABA
#A2C3B7
#9ACEB4
#BE8CD2
#B697CF
#AEA2CC
#A6AEC8
#9EB9C5
#96C4C2
#8CD2BE
Colorpallet from #D2BE8C to #BE8CD2 and to #8CBED2
#D2BE8C
#D2BE8C
#D2BE8C
#D2BE8C
#D2BE8C
#D2BE8C
#D2BE8C
#CFB697
#CEB797
#CCB997
#CBBA97
#CABB97
#C9BC97
#C7BE97
#CCAEA2
#C9B1A2
#C7B3A2
#C4B6A2
#C2B8A2
#BFBBA2
#BCBEA2
#C8A6AE
#C4AAAE
#C0AEAE
#BCB2AE
#B9B5AE
#B5B9AE
#B0BEAE
#C59EB9
#C0A3B9
#BBA8B9
#B6ADB9
#B1B2B9
#ABB8B9
#A5BEB9
#C296C4
#BC9CC4
#B5A3C4
#AFA9C4
#A8B0C4
#A2B6C4
#9ABEC4
#BE8CD2
#B694D2
#AE9CD2
#A6A4D2
#9EACD2
#96B4D2
#8CBED2
Colorpallet from #D2BE8C to #8CD2BE and to #8CBED2
#D2BE8C
#D2BE8C
#D2BE8C
#D2BE8C
#D2BE8C
#D2BE8C
#D2BE8C
#C7C194
#C7C194
#C7C095
#C7C095
#C7BF96
#C7BF96
#C7BE97
#BCC49C
#BCC39D
#BCC29E
#BCC19F
#BCC0A0
#BCBFA1
#BCBEA2
#B0C8A4
#B0C6A6
#B0C5A7
#B0C3A9
#B0C2AA
#B0C0AC
#B0BEAE
#A5CBAC
#A5C9AE
#A5C7B0
#A5C5B2
#A5C3B4
#A5C1B6
#A5BEB9
#9ACEB4
#9ACBB7
#9AC9B9
#9AC6BC
#9AC4BE
#9AC1C1
#9ABEC4
#8CD2BE
#8CCFC1
#8CCCC4
#8CC8C8
#8CC5CB
#8CC2CE
#8CBED2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
