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 #BAD2D1 to #BAD1D2 and to #D2BAD1
#BAD2D1#BAD2D1#BAD2D1#BAD2D1#BAD2D1#BAD2D1#BAD2D1
#BAD2D1#BBD1D1#BBD1D1#BCD0D1#BDCFD1#BDCFD1#BECED1
#BAD2D1#BBD1D1#BDCFD1#BECED1#BFCDD1#C0CCD1#C2CAD1
#BAD2D1#BCD0D1#BECED1#C0CCD1#C2CAD1#C4C8D1#C6C6D1
#BAD1D2#BCCFD2#BFCDD2#C1CAD2#C4C8D1#C6C6D1#C9C3D1
#BAD1D2#BDCED2#C0CBD2#C3C8D2#C6C5D1#C9C3D1#CDBFD1
#BAD1D2#BECDD2#C2CAD2#C6C6D2#C9C2D1#CDBFD1#D2BAD1

Colorpallet from #BAD2D1 to #BAD1D2 and to #D2D1BA
#BAD2D1#BAD2D1#BAD2D1#BAD2D1#BAD2D1#BAD2D1#BAD2D1
#BAD2D1#BBD2D0#BBD2D0#BCD2CF#BDD2CE#BDD2CE#BED2CD
#BAD2D1#BBD2D0#BDD2CF#BED2CE#BFD2CD#C0D2CB#C2D2CA
#BAD2D1#BCD2CF#BED2CD#C0D2CC#C2D2CA#C4D2C8#C6D2C6
#BAD1D2#BCD1CF#BFD1CD#C1D1CA#C4D1C8#C6D1C5#C9D1C2
#BAD1D2#BDD1CF#C0D1CC#C3D1C9#C6D1C6#C9D1C3#CDD1BF
#BAD1D2#BED1CE#C2D1CA#C6D1C6#C9D1C3#CDD1BF#D2D1BA

Colorpallet from #BAD2D1 to #BAD1D2 and to #D1BAD2
#BAD2D1#BAD2D1#BAD2D1#BAD2D1#BAD2D1#BAD2D1#BAD2D1
#BAD2D1#BBD1D1#BBD1D1#BCD0D1#BDCFD1#BDCFD1#BECED1
#BAD2D1#BBD1D1#BCCFD1#BDCED1#BECDD1#C0CCD1#C1CAD1
#BAD2D1#BCD0D1#BECED1#BFCCD1#C1CAD1#C3C8D1#C5C6D1
#BAD1D2#BCCFD2#BFCDD2#C1CAD2#C4C8D2#C6C6D2#C9C3D2
#BAD1D2#BDCED2#C0CBD2#C3C8D2#C6C5D2#C8C3D2#CCBFD2
#BAD1D2#BECDD2#C1CAD2#C5C6D2#C9C2D2#CCBFD2#D1BAD2

Colorpallet from #BAD2D1 to #BAD1D2 and to #D1D2BA
#BAD2D1#BAD2D1#BAD2D1#BAD2D1#BAD2D1#BAD2D1#BAD2D1
#BAD2D1#BBD2D0#BBD2D0#BCD2CF#BDD2CE#BDD2CE#BED2CD
#BAD2D1#BBD2D0#BCD2CF#BDD2CE#BED2CD#C0D2CB#C1D2CA
#BAD2D1#BCD2CF#BED2CD#BFD2CC#C1D2CA#C3D2C8#C5D2C6
#BAD1D2#BCD1CF#BFD1CD#C1D1CA#C4D2C8#C6D2C5#C9D2C2
#BAD1D2#BDD1CF#C0D1CC#C3D1C9#C6D2C6#C8D2C3#CCD2BF
#BAD1D2#BED1CE#C1D1CA#C5D1C6#C9D2C3#CCD2BF#D1D2BA

Colorpallet from #BAD2D1 to #D2BAD1 and to #D2D1BA
#BAD2D1#BAD2D1#BAD2D1#BAD2D1#BAD2D1#BAD2D1#BAD2D1
#BECED1#BECFD0#BECFD0#BED0CF#BED1CE#BED1CE#BED2CD
#C2CAD1#C2CBD0#C2CDCF#C2CECE#C2CFCD#C2D0CB#C2D2CA
#C6C6D1#C6C8CF#C6CACD#C6CCCC#C6CECA#C6D0C8#C6D2C6
#C9C3D1#C9C5CF#C9C7CC#C9CACA#C9CCC7#C9CEC5#C9D1C2
#CDBFD1#CDC2CE#CDC5CB#CDC8C8#CDCBC5#CDCDC3#CDD1BF
#D2BAD1#D2BECD#D2C1CA#D2C5C6#D2C9C2#D2CCBF#D2D1BA

Colorpallet from #BAD2D1 to #D2BAD1 and to #D1BAD2
#BAD2D1#BAD2D1#BAD2D1#BAD2D1#BAD2D1#BAD2D1#BAD2D1
#BECED1#BECED1#BECED1#BECED1#BECED1#BECED1#BECED1
#C2CAD1#C2CAD1#C2CAD1#C2CAD1#C1CAD1#C1CAD1#C1CAD1
#C6C6D1#C6C6D1#C6C6D1#C6C6D1#C5C6D1#C5C6D1#C5C6D1
#C9C3D1#C9C3D1#C9C3D1#C9C3D1#C9C3D2#C9C3D2#C9C3D2
#CDBFD1#CDBFD1#CDBFD1#CDBFD1#CCBFD2#CCBFD2#CCBFD2
#D2BAD1#D2BAD1#D2BAD1#D2BAD1#D1BAD2#D1BAD2#D1BAD2

Colorpallet from #BAD2D1 to #D2BAD1 and to #D1D2BA
#BAD2D1#BAD2D1#BAD2D1#BAD2D1#BAD2D1#BAD2D1#BAD2D1
#BECED1#BECFD0#BECFD0#BED0CF#BED1CE#BED1CE#BED2CD
#C2CAD1#C2CBD0#C2CDCF#C2CECE#C1CFCD#C1D0CB#C1D2CA
#C6C6D1#C6C8CF#C6CACD#C6CCCC#C5CECA#C5D0C8#C5D2C6
#C9C3D1#C9C5CF#C9C8CC#C9CACA#C9CDC7#C9CFC5#C9D2C2
#CDBFD1#CDC2CE#CDC5CB#CDC8C8#CCCBC5#CCCEC3#CCD2BF
#D2BAD1#D2BECD#D2C2CA#D2C6C6#D1C9C2#D1CDBF#D1D2BA

Colorpallet from #BAD2D1 to #D2D1BA and to #D1BAD2
#BAD2D1#BAD2D1#BAD2D1#BAD2D1#BAD2D1#BAD2D1#BAD2D1
#BED2CD#BED1CE#BED1CE#BED0CF#BECFD0#BECFD0#BECED1
#C2D2CA#C2D1CB#C2CFCC#C2CECD#C1CDCE#C1CCD0#C1CAD1
#C6D2C6#C6D0C8#C6CECA#C6CCCB#C5CACD#C5C8CF#C5C6D1
#C9D1C2#C9CFC5#C9CDC7#C9CACA#C9C8CC#C9C6CF#C9C3D2
#CDD1BF#CDCEC2#CDCBC5#CDC8C8#CCC5CB#CCC3CE#CCBFD2
#D2D1BA#D2CDBE#D2CAC2#D2C6C6#D1C2C9#D1BFCD#D1BAD2

Colorpallet from #BAD2D1 to #D2D1BA and to #D1D2BA
#BAD2D1#BAD2D1#BAD2D1#BAD2D1#BAD2D1#BAD2D1#BAD2D1
#BED2CD#BED2CD#BED2CD#BED2CD#BED2CD#BED2CD#BED2CD
#C2D2CA#C2D2CA#C2D2CA#C2D2CA#C1D2CA#C1D2CA#C1D2CA
#C6D2C6#C6D2C6#C6D2C6#C6D2C6#C5D2C6#C5D2C6#C5D2C6
#C9D1C2#C9D1C2#C9D1C2#C9D1C2#C9D2C2#C9D2C2#C9D2C2
#CDD1BF#CDD1BF#CDD1BF#CDD1BF#CCD2BF#CCD2BF#CCD2BF
#D2D1BA#D2D1BA#D2D1BA#D2D1BA#D1D2BA#D1D2BA#D1D2BA

Colorpallet from #BAD2D1 to #D1BAD2 and to #D1D2BA
#BAD2D1#BAD2D1#BAD2D1#BAD2D1#BAD2D1#BAD2D1#BAD2D1
#BECED1#BECFD0#BECFD0#BED0CF#BED1CE#BED1CE#BED2CD
#C1CAD1#C1CBD0#C1CDCF#C1CECE#C1CFCD#C1D0CB#C1D2CA
#C5C6D1#C5C8CF#C5CACD#C5CCCC#C5CECA#C5D0C8#C5D2C6
#C9C3D2#C9C5CF#C9C8CD#C9CACA#C9CDC8#C9CFC5#C9D2C2
#CCBFD2#CCC2CF#CCC5CC#CCC8C9#CCCBC6#CCCEC3#CCD2BF
#D1BAD2#D1BECE#D1C2CA#D1C6C6#D1C9C3#D1CDBF#D1D2BA