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 #B396D1 to #B3D196 and to #96B3D1
#B396D1#B396D1#B396D1#B396D1#B396D1#B396D1#B396D1
#B39FC8#B29EC9#B19ECB#B19DCC#B09CCE#AF9CCF#AE9BD1
#B3A9BE#B2A7C1#B0A6C4#AFA4C7#ADA3CA#ACA1CD#AA9FD1
#B3B2B5#B1B0B9#AFAEBE#ACABC2#AAA9C7#A8A7CB#A5A4D1
#B3BCAB#B0B9B1#ADB6B7#AAB3BD#A7B0C3#A4ADC9#A0A9D1
#B3C5A2#AFC1AA#ACBDB1#A8B9B9#A4B6C0#A1B2C8#9CADD1
#B3D196#AECC9F#AAC7A9#A5C3B2#A0BEBC#9CB9C5#96B3D1

Colorpallet from #B396D1 to #B3D196 and to #96D1B3
#B396D1#B396D1#B396D1#B396D1#B396D1#B396D1#B396D1
#B39FC8#B29FC9#B19FC9#B19FCA#B09FCB#AF9FCB#AE9FCC
#B3A9BE#B2A9BF#B0A9C1#AFA9C2#ADA9C4#ACA9C5#AAA9C7
#B3B2B5#B1B2B7#AFB2B9#ACB2BC#AAB2BE#A8B2C0#A5B2C3
#B3BCAB#B0BCAE#ADBCB1#AABCB4#A7BCB7#A4BCBA#A0BCBE
#B3C5A2#AFC5A6#ACC5A9#A8C5AD#A4C5B1#A1C5B4#9CC5B9
#B3D196#AED19B#AAD19F#A5D1A4#A0D1A9#9CD1AD#96D1B3

Colorpallet from #B396D1 to #B3D196 and to #D1B396
#B396D1#B396D1#B396D1#B396D1#B396D1#B396D1#B396D1
#B39FC8#B49EC8#B59EC8#B59DC8#B69CC8#B79CC8#B89BC8
#B3A9BE#B5A7BE#B6A6BE#B8A4BE#B9A3BE#BBA1BE#BD9FBE
#B3B2B5#B5B0B5#B7AEB5#BAABB5#BCA9B5#BEA7B5#C1A4B5
#B3BCAB#B6B9AB#B9B6AB#BCB3AB#BFB0AB#C2ADAB#C6A9AB
#B3C5A2#B7C1A2#BBBDA2#BFB9A2#C2B6A2#C6B2A2#CBADA2
#B3D196#B8CC96#BDC796#C1C396#C6BE96#CBB996#D1B396

Colorpallet from #B396D1 to #B3D196 and to #D196B3
#B396D1#B396D1#B396D1#B396D1#B396D1#B396D1#B396D1
#B39FC8#B49EC9#B59CC9#B59BCA#B699CB#B798CB#B896CC
#B3A9BE#B5A6BF#B6A3C1#B8A0C2#B99DC4#BB9AC5#BD96C7
#B3B2B5#B5AEB7#B7A9B9#BAA5BC#BCA0BE#BE9CC0#C196C3
#B3BCAB#B6B6AE#B9B0B1#BCAAB4#BFA4B7#C29EBA#C696BE
#B3C5A2#B7BDA6#BBB6A9#BFAEAD#C2A7B1#C69FB4#CB96B9
#B3D196#B8C89B#BDBE9F#C1B5A4#C6ABA9#CBA2AD#D196B3

Colorpallet from #B396D1 to #96B3D1 and to #96D1B3
#B396D1#B396D1#B396D1#B396D1#B396D1#B396D1#B396D1
#AE9BD1#AE9CD0#AE9CCF#AE9DCF#AE9ECE#AE9ECD#AE9FCC
#AA9FD1#AAA1CF#AAA2CE#AAA4CC#AAA5CB#AAA7C9#AAA9C7
#A5A4D1#A5A6CF#A5A8CD#A5ABCA#A5ADC8#A5AFC6#A5B2C3
#A0A9D1#A0ACCE#A0AFCB#A0B2C8#A0B5C5#A0B8C2#A0BCBE
#9CADD1#9CB1CD#9CB5C9#9CB9C5#9CBCC2#9CC0BE#9CC5B9
#96B3D1#96B8CC#96BDC7#96C1C3#96C6BE#96CBB9#96D1B3

Colorpallet from #B396D1 to #96B3D1 and to #D1B396
#B396D1#B396D1#B396D1#B396D1#B396D1#B396D1#B396D1
#AE9BD1#B09BD0#B19BCE#B39BCD#B49BCB#B69BCA#B89BC8
#AA9FD1#AD9FCE#B09FCB#B39FC8#B69FC5#B99FC2#BD9FBE
#A5A4D1#A9A4CD#AEA4C8#B2A4C4#B7A4BF#BBA4BB#C1A4B5
#A0A9D1#A6A9CB#ACA9C5#B2A9BF#B8A9B9#BEA9B3#C6A9AB
#9CADD1#A4ADC9#ABADC2#B3ADBA#BAADB3#C2ADAB#CBADA2
#96B3D1#9FB3C8#A9B3BE#B2B3B5#BCB3AB#C5B3A2#D1B396

Colorpallet from #B396D1 to #96B3D1 and to #D196B3
#B396D1#B396D1#B396D1#B396D1#B396D1#B396D1#B396D1
#AE9BD1#B09AD0#B199CF#B399CF#B498CE#B697CD#B896CC
#AA9FD1#AD9ECF#B09CCE#B39BCC#B699CB#B998C9#BD96C7
#A5A4D1#A9A2CF#AEA0CD#B29DCA#B79BC8#BB99C6#C196C3
#A0A9D1#A6A6CE#ACA3CB#B2A0C8#B89DC5#BE9AC2#C696BE
#9CADD1#A4A9CD#ABA6C9#B3A2C5#BA9EC2#C29BBE#CB96B9
#96B3D1#9FAECC#A9AAC7#B2A5C3#BCA0BE#C59CB9#D196B3

Colorpallet from #B396D1 to #96D1B3 and to #D1B396
#B396D1#B396D1#B396D1#B396D1#B396D1#B396D1#B396D1
#AE9FCC#B09ECB#B19ECB#B39DCA#B49CC9#B69CC9#B89BC8
#AAA9C7#ADA7C6#B0A6C4#B3A4C3#B6A3C1#B9A1C0#BD9FBE
#A5B2C3#A9B0C1#AEAEBF#B2ABBC#B7A9BA#BBA7B8#C1A4B5
#A0BCBE#A6B9BB#ACB6B8#B2B3B5#B8B0B2#BEADAF#C6A9AB
#9CC5B9#A4C1B5#ABBDB2#B3B9AE#BAB6AA#C2B2A7#CBADA2
#96D1B3#9FCCAE#A9C7AA#B2C3A5#BCBEA0#C5B99C#D1B396

Colorpallet from #B396D1 to #96D1B3 and to #D196B3
#B396D1#B396D1#B396D1#B396D1#B396D1#B396D1#B396D1
#AE9FCC#B09ECC#B19CCC#B39BCC#B499CC#B698CC#B896CC
#AAA9C7#ADA6C7#B0A3C7#B3A0C7#B69DC7#B99AC7#BD96C7
#A5B2C3#A9AEC3#AEA9C3#B2A5C3#B7A0C3#BB9CC3#C196C3
#A0BCBE#A6B6BE#ACB0BE#B2AABE#B8A4BE#BE9EBE#C696BE
#9CC5B9#A4BDB9#ABB6B9#B3AEB9#BAA7B9#C29FB9#CB96B9
#96D1B3#9FC8B3#A9BEB3#B2B5B3#BCABB3#C5A2B3#D196B3

Colorpallet from #B396D1 to #D1B396 and to #D196B3
#B396D1#B396D1#B396D1#B396D1#B396D1#B396D1#B396D1
#B89BC8#B89AC9#B899C9#B899CA#B898CB#B897CB#B896CC
#BD9FBE#BD9EBF#BD9CC1#BD9BC2#BD99C4#BD98C5#BD96C7
#C1A4B5#C1A2B7#C1A0B9#C19DBC#C19BBE#C199C0#C196C3
#C6A9AB#C6A6AE#C6A3B1#C6A0B4#C69DB7#C69ABA#C696BE
#CBADA2#CBA9A6#CBA6A9#CBA2AD#CB9EB1#CB9BB4#CB96B9
#D1B396#D1AE9B#D1AA9F#D1A5A4#D1A0A9#D19CAD#D196B3