# White magenta violet bands

Analogous white, pink and purple linear swatches with 34 colors: #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #fffbff, #fff5ff, #ffecff, #ffe3ff, #ffd9fe, #ffd0fe, #ffc6fd, #ffbdfd, #ffb4fd, #ffabfd, #ffa1fe, #fc98fe, #f88fff, #f087ff, #e67fff, #d877ff, #ca70ff, #bc6aff, #b065fe, #a761fd. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous white, pink and purple linear swatches
- Seed: `kY_gDofwBAH8AP5yIsBZMU_lJRPS`
- Page: https://grabient.com/kY_gDofwBAH8AP5yIsBZMU_lJRPS?style=linearSwatches&steps=34
- Drawn as: linear swatches, 34 steps, 90 degrees
- Kinds: light to dark, vivid, light
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.6 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 | `#ffffff` | `oklch(100.00% 0.0000 89.88)` | White | black, 21 to 1 |
| 2 | `#ffffff` | `oklch(100.00% 0.0000 89.88)` | White | black, 21 to 1 |
| 3 | `#ffffff` | `oklch(100.00% 0.0000 89.88)` | White | black, 21 to 1 |
| 4 | `#ffffff` | `oklch(100.00% 0.0000 89.88)` | White | black, 21 to 1 |
| 5 | `#ffffff` | `oklch(100.00% 0.0000 89.88)` | White | black, 21 to 1 |
| 6 | `#ffffff` | `oklch(100.00% 0.0000 89.88)` | White | black, 21 to 1 |
| 7 | `#ffffff` | `oklch(100.00% 0.0000 89.88)` | White | black, 21 to 1 |
| 8 | `#ffffff` | `oklch(100.00% 0.0000 89.88)` | White | black, 21 to 1 |
| 9 | `#ffffff` | `oklch(100.00% 0.0000 89.88)` | White | black, 21 to 1 |
| 10 | `#ffffff` | `oklch(100.00% 0.0000 89.88)` | White | black, 21 to 1 |
| 11 | `#ffffff` | `oklch(100.00% 0.0000 89.88)` | White | black, 21 to 1 |
| 12 | `#ffffff` | `oklch(100.00% 0.0000 89.88)` | White | black, 21 to 1 |
| 13 | `#ffffff` | `oklch(100.00% 0.0000 89.88)` | White | black, 21 to 1 |
| 14 | `#ffffff` | `oklch(100.00% 0.0000 89.88)` | White | black, 21 to 1 |
| 15 | `#fffbff` | `oklch(99.24% 0.0064 324.35)` | Flawed White | black, 20.5 to 1 |
| 16 | `#fff5ff` | `oklch(97.96% 0.0174 324.75)` | Cold Snow | black, 19.6 to 1 |
| 17 | `#ffecff` | `oklch(96.40% 0.0315 325.38)` | Fairy Bubblegum Cloud | black, 18.7 to 1 |
| 18 | `#ffe3ff` | `oklch(94.66% 0.0477 326.07)` | Fairy Salt | black, 17.6 to 1 |
| 19 | `#ffd9fe` | `oklch(92.86% 0.0637 326.72)` | Sugarpills | black, 16.6 to 1 |
| 20 | `#ffd0fe` | `oklch(91.09% 0.0799 327.17)` | Pink Diamond | black, 15.6 to 1 |
| 21 | `#ffc6fd` | `oklch(89.45% 0.0957 327.30)` | Sugar Chic | black, 14.7 to 1 |
| 22 | `#ffbdfd` | `oklch(87.91% 0.1111 327.38)` | Distilled Rose | black, 13.9 to 1 |
| 23 | `#ffb4fd` | `oklch(86.39% 0.1266 327.46)` | Strawberry Buttercream | black, 13.2 to 1 |
| 24 | `#ffabfd` | `oklch(84.87% 0.1430 327.39)` | Jigglypuff | black, 12.4 to 1 |
| 25 | `#ffa1fe` | `oklch(83.31% 0.1601 327.03)` | Pinkalicious | black, 11.7 to 1 |
| 26 | `#fc98fe` | `oklch(81.65% 0.1741 326.24)` | Pinkalicious | black, 11 to 1 |
| 27 | `#f88fff` | `oklch(79.88% 0.1861 324.88)` | Darling Bud | black, 10.3 to 1 |
| 28 | `#f087ff` | `oklch(77.90% 0.1956 322.69)` | Give Me Your Love | black, 9.6 to 1 |
| 29 | `#e67fff` | `oklch(75.55% 0.2027 319.38)` | Frijid Pink | black, 8.8 to 1 |
| 30 | `#d877ff` | `oklch(72.99% 0.2081 315.34)` | Pink Fetish | black, 8 to 1 |
| 31 | `#ca70ff` | `oklch(70.42% 0.2132 311.02)` | Rosy Fluffy Bedspread | black, 7.2 to 1 |
| 32 | `#bc6aff` | `oklch(68.03% 0.2176 306.86)` | Easter Purple | black, 6.6 to 1 |
| 33 | `#b065fe` | `oklch(66.02% 0.2206 303.34)` | Purple Hedonist | black, 6.1 to 1 |
| 34 | `#a761fd` | `oklch(64.57% 0.2232 300.89)` | Purple Hedonist | black, 5.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #ffffff 0.000% 2.941%, #ffffff 2.941% 5.882%, #ffffff 5.882% 8.824%, #ffffff 8.824% 11.765%, #ffffff 11.765% 14.706%, #ffffff 14.706% 17.647%, #ffffff 17.647% 20.588%, #ffffff 20.588% 23.529%, #ffffff 23.529% 26.471%, #ffffff 26.471% 29.412%, #ffffff 29.412% 32.353%, #ffffff 32.353% 35.294%, #ffffff 35.294% 38.235%, #ffffff 38.235% 41.176%, #fffbff 41.176% 44.118%, #fff5ff 44.118% 47.059%, #ffecff 47.059% 50.000%, #ffe3ff 50.000% 52.941%, #ffd9fe 52.941% 55.882%, #ffd0fe 55.882% 58.824%, #ffc6fd 58.824% 61.765%, #ffbdfd 61.765% 64.706%, #ffb4fd 64.706% 67.647%, #ffabfd 67.647% 70.588%, #ffa1fe 70.588% 73.529%, #fc98fe 73.529% 76.471%, #f88fff 76.471% 79.412%, #f087ff 79.412% 82.353%, #e67fff 82.353% 85.294%, #d877ff 85.294% 88.235%, #ca70ff 88.235% 91.176%, #bc6aff 91.176% 94.118%, #b065fe 94.118% 97.059%, #a761fd 97.059% 100.000%);
background: linear-gradient(90deg, oklch(100.00% 0.0000 89.88) 0.000% 2.941%, oklch(100.00% 0.0000 89.88) 2.941% 5.882%, oklch(100.00% 0.0000 89.88) 5.882% 8.824%, oklch(100.00% 0.0000 89.88) 8.824% 11.765%, oklch(100.00% 0.0000 89.88) 11.765% 14.706%, oklch(100.00% 0.0000 89.88) 14.706% 17.647%, oklch(100.00% 0.0000 89.88) 17.647% 20.588%, oklch(100.00% 0.0000 89.88) 20.588% 23.529%, oklch(100.00% 0.0000 89.88) 23.529% 26.471%, oklch(100.00% 0.0000 89.88) 26.471% 29.412%, oklch(100.00% 0.0000 89.88) 29.412% 32.353%, oklch(100.00% 0.0000 89.88) 32.353% 35.294%, oklch(100.00% 0.0000 89.88) 35.294% 38.235%, oklch(100.00% 0.0000 89.88) 38.235% 41.176%, oklch(99.24% 0.0064 324.35) 41.176% 44.118%, oklch(97.96% 0.0174 324.75) 44.118% 47.059%, oklch(96.40% 0.0315 325.38) 47.059% 50.000%, oklch(94.66% 0.0477 326.07) 50.000% 52.941%, oklch(92.86% 0.0637 326.72) 52.941% 55.882%, oklch(91.09% 0.0799 327.17) 55.882% 58.824%, oklch(89.45% 0.0957 327.30) 58.824% 61.765%, oklch(87.91% 0.1111 327.38) 61.765% 64.706%, oklch(86.39% 0.1266 327.46) 64.706% 67.647%, oklch(84.87% 0.1430 327.39) 67.647% 70.588%, oklch(83.31% 0.1601 327.03) 70.588% 73.529%, oklch(81.65% 0.1741 326.24) 73.529% 76.471%, oklch(79.88% 0.1861 324.88) 76.471% 79.412%, oklch(77.90% 0.1956 322.69) 79.412% 82.353%, oklch(75.55% 0.2027 319.38) 82.353% 85.294%, oklch(72.99% 0.2081 315.34) 85.294% 88.235%, oklch(70.42% 0.2132 311.02) 88.235% 91.176%, oklch(68.03% 0.2176 306.86) 91.176% 94.118%, oklch(66.02% 0.2206 303.34) 94.118% 97.059%, oklch(64.57% 0.2232 300.89) 97.059% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 1 | 0 | 326.3 |
| 2 | 1 | 0 | 327.3 |
| 3 | 1 | 0 | 324.1 |
| 4 | 0.898 | 0.095 | 327.3 |
| 5 | 0.791 | 0.19 | 324.1 |
| 6 | 0.646 | 0.223 | 300.9 |

## In these collections

- [Tint swatches](https://grabient.com/tint-swatches)

## Other forms

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