# Deep magenta plum field

Analogous pink to purple linear gradient with 32 colors: #f8d5ed, #f1cde6, #e8c3dc, #deb7d1, #d2a9c4, #c59bb6, #b88ba8, #aa7c99, #9c6c8b, #8f5d7d, #824f6f, #764163, #6b3557, #612a4e, #592046, #531840, #4f123c, #4d0d3b, #4c0a3a, #4d083b, #4f073e, #520741, #550945, #590b4a, #5e0f4f, #631255, #67165a, #6c1960, #701c65, #731f69, #76216d, #78226f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous pink to purple linear gradient
- Seed: `kS5yTwJ6VAjU2vq`
- Page: https://grabient.com/kS5yTwJ6VAjU2vq?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark center, vivid, warm, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 11.1 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 | `#f8d5ed` | `oklch(90.94% 0.0496 337.50)` | Jacaranda | black, 15.7 to 1 |
| 2 | `#f1cde6` | `oklch(88.64% 0.0515 337.72)` | Poodle Pink | black, 14.6 to 1 |
| 3 | `#e8c3dc` | `oklch(85.64% 0.0538 338.04)` | Dreamy Memory | black, 13.2 to 1 |
| 4 | `#deb7d1` | `oklch(82.06% 0.0565 338.43)` | Blissfully Mine | black, 11.7 to 1 |
| 5 | `#d2a9c4` | `oklch(78.01% 0.0595 338.88)` | Heart to Heart | black, 10.2 to 1 |
| 6 | `#c59bb6` | `oklch(73.59% 0.0628 339.37)` | Idyllic Pink | black, 8.7 to 1 |
| 7 | `#b88ba8` | `oklch(68.89% 0.0663 339.89)` | A Plum Job | black, 7.3 to 1 |
| 8 | `#aa7c99` | `oklch(64.04% 0.0699 340.41)` | Cali Lily | black, 6 to 1 |
| 9 | `#9c6c8b` | `oklch(59.13% 0.0737 340.93)` | Pink Jazz | black, 4.9 to 1 |
| 10 | `#8f5d7d` | `oklch(54.27% 0.0776 341.42)` | Immortality | white, 5.2 to 1 |
| 11 | `#824f6f` | `oklch(49.56% 0.0816 341.86)` | Purple Davenport | white, 6.3 to 1 |
| 12 | `#764163` | `oklch(45.11% 0.0855 342.25)` | Purple Drab | white, 7.7 to 1 |
| 13 | `#6b3557` | `oklch(41.03% 0.0894 342.56)` | Blasted Lands Rocks | white, 9.2 to 1 |
| 14 | `#612a4e` | `oklch(37.41% 0.0932 342.77)` | Plum Caspia | white, 10.7 to 1 |
| 15 | `#592046` | `oklch(34.36% 0.0968 342.88)` | Plum Caspia | white, 12.1 to 1 |
| 16 | `#531840` | `oklch(32.00% 0.1003 342.85)` | Violet Carmine | white, 13.3 to 1 |
| 17 | `#4f123c` | `oklch(30.39% 0.1036 342.68)` | Violet Carmine | white, 14.1 to 1 |
| 18 | `#4d0d3b` | `oklch(29.39% 0.1070 342.34)` | Pion Purple | white, 14.6 to 1 |
| 19 | `#4c0a3a` | `oklch(28.94% 0.1105 341.86)` | Pion Purple | white, 14.8 to 1 |
| 20 | `#4d083b` | `oklch(28.94% 0.1141 341.26)` | Pion Purple | white, 14.8 to 1 |
| 21 | `#4f073e` | `oklch(29.35% 0.1177 340.56)` | Royal Ash | white, 14.6 to 1 |
| 22 | `#520741` | `oklch(30.10% 0.1213 339.78)` | Royal Ash | white, 14.3 to 1 |
| 23 | `#550945` | `oklch(31.12% 0.1249 338.93)` | Royal Ash | white, 13.8 to 1 |
| 24 | `#590b4a` | `oklch(32.35% 0.1285 338.05)` | Royal Ash | white, 13.3 to 1 |
| 25 | `#5e0f4f` | `oklch(33.71% 0.1319 337.16)` | Grape Purple | white, 12.7 to 1 |
| 26 | `#631255` | `oklch(35.15% 0.1352 336.27)` | Grape Purple | white, 12 to 1 |
| 27 | `#67165a` | `oklch(36.61% 0.1384 335.40)` | Amygdala Purple | white, 11.4 to 1 |
| 28 | `#6c1960` | `oklch(38.00% 0.1413 334.58)` | Blackest Berry | white, 10.8 to 1 |
| 29 | `#701c65` | `oklch(39.28% 0.1440 333.84)` | Purple Curse | white, 10.2 to 1 |
| 30 | `#731f69` | `oklch(40.37% 0.1464 333.18)` | Mirage of Violets | white, 9.8 to 1 |
| 31 | `#76216d` | `oklch(41.21% 0.1485 332.63)` | Mirage of Violets | white, 9.5 to 1 |
| 32 | `#78226f` | `oklch(41.73% 0.1502 332.22)` | Mirage of Violets | white, 9.3 to 1 |

## CSS

```css
background: linear-gradient(45deg, #f8d5ed 0.0%, #f1cde6 3.2%, #e8c3dc 6.5%, #deb7d1 9.7%, #d2a9c4 12.9%, #c59bb6 16.1%, #b88ba8 19.4%, #aa7c99 22.6%, #9c6c8b 25.8%, #8f5d7d 29.0%, #824f6f 32.3%, #764163 35.5%, #6b3557 38.7%, #612a4e 41.9%, #592046 45.2%, #531840 48.4%, #4f123c 51.6%, #4d0d3b 54.8%, #4c0a3a 58.1%, #4d083b 61.3%, #4f073e 64.5%, #520741 67.7%, #550945 71.0%, #590b4a 74.2%, #5e0f4f 77.4%, #631255 80.6%, #67165a 83.9%, #6c1960 87.1%, #701c65 90.3%, #731f69 93.5%, #76216d 96.8%, #78226f 100.0%);
background: linear-gradient(45deg in oklch, oklch(90.94% 0.0496 337.50) 0.0%, oklch(88.64% 0.0515 337.72) 3.2%, oklch(85.64% 0.0538 338.04) 6.5%, oklch(82.06% 0.0565 338.43) 9.7%, oklch(78.01% 0.0595 338.88) 12.9%, oklch(73.59% 0.0628 339.37) 16.1%, oklch(68.89% 0.0663 339.89) 19.4%, oklch(64.04% 0.0699 340.41) 22.6%, oklch(59.13% 0.0737 340.93) 25.8%, oklch(54.27% 0.0776 341.42) 29.0%, oklch(49.56% 0.0816 341.86) 32.3%, oklch(45.11% 0.0855 342.25) 35.5%, oklch(41.03% 0.0894 342.56) 38.7%, oklch(37.41% 0.0932 342.77) 41.9%, oklch(34.36% 0.0968 342.88) 45.2%, oklch(32.00% 0.1003 342.85) 48.4%, oklch(30.39% 0.1036 342.68) 51.6%, oklch(29.39% 0.1070 342.34) 54.8%, oklch(28.94% 0.1105 341.86) 58.1%, oklch(28.94% 0.1141 341.26) 61.3%, oklch(29.35% 0.1177 340.56) 64.5%, oklch(30.10% 0.1213 339.78) 67.7%, oklch(31.12% 0.1249 338.93) 71.0%, oklch(32.35% 0.1285 338.05) 74.2%, oklch(33.71% 0.1319 337.16) 77.4%, oklch(35.15% 0.1352 336.27) 80.6%, oklch(36.61% 0.1384 335.40) 83.9%, oklch(38.00% 0.1413 334.58) 87.1%, oklch(39.28% 0.1440 333.84) 90.3%, oklch(40.37% 0.1464 333.18) 93.5%, oklch(41.21% 0.1485 332.63) 96.8%, oklch(41.73% 0.1502 332.22) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.909 | 0.05 | 337.5 |
| 2 | 0.311 | 0.102 | 342.8 |
| 3 | 0.417 | 0.15 | 332.2 |

## In these collections

- [Magenta color palette](https://grabient.com/magenta-color-palette)

## Other forms

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