# Plum pink ivory bands

Purple, pink and white linear swatches with 13 colors: #871b93, #982191, #b02b8e, #c2388c, #d1478e, #df5890, #ea6b96, #f3809c, #f799a6, #f7b4b4, #f9cebb, #f7edc9, #f5ffee. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Purple, pink and white linear swatches
- Seed: `kYdI3mRcbCVHBQXeskE7ZbC32QS-`
- Page: https://grabient.com/kYdI3mRcbCVHBQXeskE7ZbC32QS-?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Kinds: dark to light, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.8 to 1

## Colors

The name most people give each color, and the text color that reads on it with its contrast.

| Stop | Hex | OKLCH | Name | Text on it |
| --- | --- | --- | --- | --- |
| 1 | `#871b93` | `oklch(45.67% 0.1943 323.44)` | Passionate Purple | white, 8 to 1 |
| 2 | `#982191` | `oklch(48.78% 0.1951 330.75)` | Acai Juice | white, 7 to 1 |
| 3 | `#b02b8e` | `oklch(53.09% 0.1952 340.37)` | Fandango | white, 5.8 to 1 |
| 4 | `#c2388c` | `oklch(57.04% 0.1922 347.26)` | Lust Priestess | white, 4.9 to 1 |
| 5 | `#d1478e` | `oklch(60.95% 0.1867 352.40)` | Twinkly Pinkily | black, 5 to 1 |
| 6 | `#df5890` | `oklch(64.99% 0.1767 357.11)` | Carmine Rose | black, 5.9 to 1 |
| 7 | `#ea6b96` | `oklch(69.14% 0.1623 0.75)` | Shadow Azalea Pink | black, 7 to 1 |
| 8 | `#f3809c` | `oklch(73.50% 0.1425 5.41)` | Pink Sherbet | black, 8.3 to 1 |
| 9 | `#f799a6` | `oklch(78.20% 0.1129 10.99)` | Flower Girl | black, 10 to 1 |
| 10 | `#f7b4b4` | `oklch(83.18% 0.0777 19.25)` | Precious Pink | black, 12.1 to 1 |
| 11 | `#f9cebb` | `oklch(88.42% 0.0555 44.69)` | Biscuit Cream | black, 14.6 to 1 |
| 12 | `#f7edc9` | `oklch(94.42% 0.0474 93.53)` | Mother’s Milk | black, 17.8 to 1 |
| 13 | `#f5ffee` | `oklch(98.82% 0.0240 132.51)` | Pearl Powder | black, 20.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #871b93 0.000% 7.692%, #982191 7.692% 15.385%, #b02b8e 15.385% 23.077%, #c2388c 23.077% 30.769%, #d1478e 30.769% 38.462%, #df5890 38.462% 46.154%, #ea6b96 46.154% 53.846%, #f3809c 53.846% 61.538%, #f799a6 61.538% 69.231%, #f7b4b4 69.231% 76.923%, #f9cebb 76.923% 84.615%, #f7edc9 84.615% 92.308%, #f5ffee 92.308% 100.000%);
background: linear-gradient(90deg, oklch(45.67% 0.1943 323.44) 0.000% 7.692%, oklch(48.78% 0.1951 330.75) 7.692% 15.385%, oklch(53.09% 0.1952 340.37) 15.385% 23.077%, oklch(57.04% 0.1922 347.26) 23.077% 30.769%, oklch(60.95% 0.1867 352.40) 30.769% 38.462%, oklch(64.99% 0.1767 357.11) 38.462% 46.154%, oklch(69.14% 0.1623 0.75) 46.154% 53.846%, oklch(73.50% 0.1425 5.41) 53.846% 61.538%, oklch(78.20% 0.1129 10.99) 61.538% 69.231%, oklch(83.18% 0.0777 19.25) 69.231% 76.923%, oklch(88.42% 0.0555 44.69) 76.923% 84.615%, oklch(94.42% 0.0474 93.53) 84.615% 92.308%, oklch(98.82% 0.0240 132.51) 92.308% 100.000%);
```

## Keyframes

6 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees.

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.457 | 0.194 | 323.4 |
| 2 | 0.547 | 0.194 | 343.5 |
| 3 | 0.642 | 0.179 | 356.2 |
| 4 | 0.744 | 0.138 | 366.8 |
| 5 | 0.862 | 0.062 | 391.1 |
| 6 | 0.988 | 0.044 | 492.5 |

## In these collections

- [Purple and pink swatches](https://grabient.com/purple-and-pink-swatches)

## Other forms

- [JSON](https://grabient.com/kYdI3mRcbCVHBQXeskE7ZbC32QS-.json?style=linearSwatches&steps=13)
- [PNG](https://grabient.com/kYdI3mRcbCVHBQXeskE7ZbC32QS-.png?style=linearSwatches&steps=13)
- [SVG](https://grabient.com/kYdI3mRcbCVHBQXeskE7ZbC32QS-.svg?style=linearSwatches&steps=13)
- [CSS](https://grabient.com/kYdI3mRcbCVHBQXeskE7ZbC32QS-.css?style=linearSwatches&steps=13)
- [ASE](https://grabient.com/kYdI3mRcbCVHBQXeskE7ZbC32QS-.ase?style=linearSwatches&steps=13)
- [GPL](https://grabient.com/kYdI3mRcbCVHBQXeskE7ZbC32QS-.gpl?style=linearSwatches&steps=13)
- [GRD](https://grabient.com/kYdI3mRcbCVHBQXeskE7ZbC32QS-.grd?style=linearSwatches&steps=13)
- [Design tokens](https://grabient.com/kYdI3mRcbCVHBQXeskE7ZbC32QS-.tokens.json?style=linearSwatches&steps=13)
- [Social card](https://grabient.com/api/og?seed=kYdI3mRcbCVHBQXeskE7ZbC32QS-&style=linearSwatches&steps=13)
- [Palettes like this one](https://grabient.com/palettes?q=kYdI3mRcbCVHBQXeskE7ZbC32QS-)
- [Guide for agents](https://grabient.com/llms.txt)