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 #B1D7C2 to #B1C2D7 and to #D7B1C2
#B1D7C2#B1D7C2#B1D7C2#B1D7C2#B1D7C2#B1D7C2#B1D7C2
#B1D4C5#B2D4C5#B3D3C4#B4D3C4#B5D2C3#B6D2C3#B7D1C2
#B1D0C9#B3CFC8#B5CEC7#B7CEC6#B9CDC5#BBCCC3#BDCBC2
#B1CDCC#B4CCCA#B7CAC9#BAC9C7#BDC8C6#BFC7C4#C3C5C2
#B1CACF#B5C8CD#B9C6CB#BDC5C9#C0C3C7#C4C1C5#C9BFC2
#B1C6D3#B6C4D0#BBC2CE#BFC0CB#C4BEC8#C9BCC5#CFB9C2
#B1C2D7#B7BFD4#BDBDD0#C3BACD#C9B7CA#CFB4C6#D7B1C2

Colorpallet from #B1D7C2 to #B1C2D7 and to #D7C2B1
#B1D7C2#B1D7C2#B1D7C2#B1D7C2#B1D7C2#B1D7C2#B1D7C2
#B1D4C5#B2D4C4#B3D4C3#B4D4C2#B5D4C1#B6D4C0#B7D4BF
#B1D0C9#B3D0C7#B5D0C5#B7D0C3#B9D0C1#BBD0BF#BDD0BD
#B1CDCC#B4CDC9#B7CDC6#BACDC3#BDCDC0#BFCDBE#C3CDBA
#B1CACF#B5CACB#B9CAC7#BDCAC3#C0CAC0#C4CABC#C9CAB7
#B1C6D3#B6C6CE#BBC6C9#BFC6C4#C4C6BF#C9C6BA#CFC6B4
#B1C2D7#B7C2D1#BDC2CB#C3C2C5#C9C2BF#CFC2B9#D7C2B1

Colorpallet from #B1D7C2 to #B1C2D7 and to #C2B1D7
#B1D7C2#B1D7C2#B1D7C2#B1D7C2#B1D7C2#B1D7C2#B1D7C2
#B1D4C5#B1D4C5#B2D3C5#B2D3C5#B3D2C5#B3D2C5#B4D1C5
#B1D0C9#B2CFC9#B3CEC9#B3CEC9#B4CDC9#B5CCC9#B6CBC9
#B1CDCC#B2CCCC#B4CACC#B5C9CC#B6C8CC#B7C7CC#B9C5CC
#B1CACF#B3C8CF#B5C6CF#B6C5CF#B8C3CF#BAC1CF#BCBFCF
#B1C6D3#B3C4D3#B5C2D3#B8C0D3#BABED3#BCBCD3#BFB9D3
#B1C2D7#B4BFD7#B6BDD7#B9BAD7#BCB7D7#BFB4D7#C2B1D7

Colorpallet from #B1D7C2 to #B1C2D7 and to #C2D7B1
#B1D7C2#B1D7C2#B1D7C2#B1D7C2#B1D7C2#B1D7C2#B1D7C2
#B1D4C5#B1D4C4#B2D5C3#B2D5C2#B3D6C1#B3D6C0#B4D7BF
#B1D0C9#B2D1C7#B3D2C5#B3D3C3#B4D4C1#B5D6BF#B6D7BD
#B1CDCC#B2CFC9#B4D0C6#B5D2C3#B6D3C0#B7D5BE#B9D7BA
#B1CACF#B3CCCB#B5CEC7#B6D0C3#B8D2C0#BAD4BC#BCD7B7
#B1C6D3#B3C9CE#B5CBC9#B8CEC4#BAD1BF#BCD4BA#BFD7B4
#B1C2D7#B4C5D1#B6C9CB#B9CCC5#BCCFBF#BFD3B9#C2D7B1

Colorpallet from #B1D7C2 to #D7B1C2 and to #D7C2B1
#B1D7C2#B1D7C2#B1D7C2#B1D7C2#B1D7C2#B1D7C2#B1D7C2
#B7D1C2#B7D1C2#B7D2C1#B7D2C1#B7D3C0#B7D3C0#B7D4BF
#BDCBC2#BDCCC1#BDCDC0#BDCDC0#BDCEBF#BDCFBE#BDD0BD
#C3C5C2#C3C6C1#C3C8BF#C3C9BE#C3CABD#C3CBBC#C3CDBA
#C9BFC2#C9C1C0#C9C3BE#C9C4BD#C9C6BB#C9C8B9#C9CAB7
#CFB9C2#CFBBC0#CFBDBE#CFBFBB#CFC1B9#CFC3B7#CFC6B4
#D7B1C2#D7B4BF#D7B6BD#D7B9BA#D7BCB7#D7BFB4#D7C2B1

Colorpallet from #B1D7C2 to #D7B1C2 and to #C2B1D7
#B1D7C2#B1D7C2#B1D7C2#B1D7C2#B1D7C2#B1D7C2#B1D7C2
#B7D1C2#B7D1C2#B6D1C3#B6D1C3#B5D1C4#B5D1C4#B4D1C5
#BDCBC2#BCCBC3#BBCBC4#BACBC5#B9CBC6#B7CBC8#B6CBC9
#C3C5C2#C1C5C4#C0C5C5#BEC5C7#BDC5C8#BBC5CA#B9C5CC
#C9BFC2#C7BFC4#C5BFC6#C3BFC8#C1BFCA#BFBFCC#BCBFCF
#CFB9C2#CCB9C5#CAB9C7#C7B9CA#C5B9CD#C2B9D0#BFB9D3
#D7B1C2#D4B1C5#D0B1C9#CDB1CC#CAB1CF#C6B1D3#C2B1D7

Colorpallet from #B1D7C2 to #D7B1C2 and to #C2D7B1
#B1D7C2#B1D7C2#B1D7C2#B1D7C2#B1D7C2#B1D7C2#B1D7C2
#B7D1C2#B7D2C2#B6D3C1#B6D4C1#B5D5C0#B5D6C0#B4D7BF
#BDCBC2#BCCDC1#BBCFC0#BAD1C0#B9D3BF#B7D5BE#B6D7BD
#C3C5C2#C1C8C1#C0CBBF#BECEBE#BDD1BD#BBD3BC#B9D7BA
#C9BFC2#C7C3C0#C5C7BE#C3CBBD#C1CEBB#BFD2B9#BCD7B7
#CFB9C2#CCBEC0#CAC3BE#C7C7BB#C5CCB9#C2D1B7#BFD7B4
#D7B1C2#D4B7BF#D0BDBD#CDC3BA#CAC9B7#C6CFB4#C2D7B1

Colorpallet from #B1D7C2 to #D7C2B1 and to #C2B1D7
#B1D7C2#B1D7C2#B1D7C2#B1D7C2#B1D7C2#B1D7C2#B1D7C2
#B7D4BF#B7D4C0#B6D3C1#B6D3C2#B5D2C3#B5D2C4#B4D1C5
#BDD0BD#BCCFBF#BBCEC1#BACEC3#B9CDC5#B7CCC7#B6CBC9
#C3CDBA#C1CCBD#C0CAC0#BEC9C3#BDC8C6#BBC7C8#B9C5CC
#C9CAB7#C7C8BB#C5C6BF#C3C5C3#C1C3C6#BFC1CA#BCBFCF
#CFC6B4#CCC4B9#CAC2BE#C7C0C3#C5BEC8#C2BCCD#BFB9D3
#D7C2B1#D4BFB7#D0BDBD#CDBAC3#CAB7C9#C6B4CF#C2B1D7

Colorpallet from #B1D7C2 to #D7C2B1 and to #C2D7B1
#B1D7C2#B1D7C2#B1D7C2#B1D7C2#B1D7C2#B1D7C2#B1D7C2
#B7D4BF#B7D4BF#B6D5BF#B6D5BF#B5D6BF#B5D6BF#B4D7BF
#BDD0BD#BCD1BD#BBD2BD#BAD3BD#B9D4BD#B7D6BD#B6D7BD
#C3CDBA#C1CFBA#C0D0BA#BED2BA#BDD3BA#BBD5BA#B9D7BA
#C9CAB7#C7CCB7#C5CEB7#C3D0B7#C1D2B7#BFD4B7#BCD7B7
#CFC6B4#CCC9B4#CACBB4#C7CEB4#C5D1B4#C2D4B4#BFD7B4
#D7C2B1#D4C5B1#D0C9B1#CDCCB1#CACFB1#C6D3B1#C2D7B1

Colorpallet from #B1D7C2 to #C2B1D7 and to #C2D7B1
#B1D7C2#B1D7C2#B1D7C2#B1D7C2#B1D7C2#B1D7C2#B1D7C2
#B4D1C5#B4D2C4#B4D3C3#B4D4C2#B4D5C1#B4D6C0#B4D7BF
#B6CBC9#B6CDC7#B6CFC5#B6D1C3#B6D3C1#B6D5BF#B6D7BD
#B9C5CC#B9C8C9#B9CBC6#B9CEC3#B9D1C0#B9D3BE#B9D7BA
#BCBFCF#BCC3CB#BCC7C7#BCCBC3#BCCEC0#BCD2BC#BCD7B7
#BFB9D3#BFBECE#BFC3C9#BFC7C4#BFCCBF#BFD1BA#BFD7B4
#C2B1D7#C2B7D1#C2BDCB#C2C3C5#C2C9BF#C2CFB9#C2D7B1