# Analogous purple to pink linear gradient

Analogous purple to pink linear gradient with 32 colors: #65157f, #69177f, #6e1a80, #741e80, #7a2280, #822680, #892a7f, #912f7f, #98347f, #9f3a80, #a63f81, #ac4582, #b24b84, #b95286, #bf5988, #c5608b, #cb688f, #d16f92, #d67796, #da7e9a, #de859f, #e18ca3, #e393a8, #e49aad, #e5a1b3, #e5a7b8, #e5aebd, #e4b4c2, #e4bac6, #e3bfca, #e3c3cd, #e2c7cf. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUYnvgxDfDdynwfsjD9A`
- Page: https://grabient.com/kUYnvgxDfDdynwfsjD9A?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.7 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 | `#65157f` | `oklch(38.58% 0.1695 315.70)` | Deep Daitoku Purple | white, 10.7 to 1 |
| 2 | `#69177f` | `oklch(39.42% 0.1687 317.45)` | Deep Daitoku Purple | white, 10.3 to 1 |
| 3 | `#6e1a80` | `oklch(40.47% 0.1677 319.76)` | Sapphire Siren | white, 9.9 to 1 |
| 4 | `#741e80` | `oklch(41.70% 0.1667 322.51)` | Count’s Wardrobe | white, 9.3 to 1 |
| 5 | `#7a2280` | `oklch(43.09% 0.1656 325.59)` | Hello Darkness My Old Friend | white, 8.8 to 1 |
| 6 | `#822680` | `oklch(44.60% 0.1642 328.88)` | Hello Darkness My Old Friend | white, 8.3 to 1 |
| 7 | `#892a7f` | `oklch(46.20% 0.1627 332.27)` | Noble Plum | white, 7.7 to 1 |
| 8 | `#912f7f` | `oklch(47.87% 0.1609 335.64)` | Hollyhock | white, 7.2 to 1 |
| 9 | `#98347f` | `oklch(49.58% 0.1589 338.88)` | Purple Wine | white, 6.6 to 1 |
| 10 | `#9f3a80` | `oklch(51.29% 0.1566 341.88)` | Wild Aster | white, 6.1 to 1 |
| 11 | `#a63f81` | `oklch(52.99% 0.1539 344.51)` | Vivid Viola | white, 5.7 to 1 |
| 12 | `#ac4582` | `oklch(54.68% 0.1509 346.78)` | Romantic Rose | white, 5.3 to 1 |
| 13 | `#b24b84` | `oklch(56.48% 0.1477 348.98)` | Exuberant Pink | white, 4.9 to 1 |
| 14 | `#b95286` | `oklch(58.38% 0.1443 351.10)` | Berry Boost | black, 4.6 to 1 |
| 15 | `#bf5988` | `oklch(60.34% 0.1406 353.13)` | Beauty Queen | black, 5 to 1 |
| 16 | `#c5608b` | `oklch(62.34% 0.1367 355.03)` | Ibis Rose | black, 5.4 to 1 |
| 17 | `#cb688f` | `oklch(64.33% 0.1325 356.78)` | Preppy Rose | black, 5.9 to 1 |
| 18 | `#d16f92` | `oklch(66.31% 0.1280 358.35)` | Fiesta Pink | black, 6.4 to 1 |
| 19 | `#d67796` | `oklch(68.22% 0.1232 359.73)` | Minuette | black, 6.9 to 1 |
| 20 | `#da7e9a` | `oklch(70.06% 0.1181 0.87)` | Impatient Pink | black, 7.4 to 1 |
| 21 | `#de859f` | `oklch(71.77% 0.1127 1.76)` | Sweet Chrysanthemum | black, 7.9 to 1 |
| 22 | `#e18ca3` | `oklch(73.35% 0.1069 2.36)` | Underwater Flare | black, 8.4 to 1 |
| 23 | `#e393a8` | `oklch(74.88% 0.1001 2.57)` | Kobi | black, 8.9 to 1 |
| 24 | `#e49aad` | `oklch(76.38% 0.0924 2.40)` | Second Blush | black, 9.5 to 1 |
| 25 | `#e5a1b3` | `oklch(77.84% 0.0841 1.95)` | Blushing Tulip | black, 10 to 1 |
| 26 | `#e5a7b8` | `oklch(79.23% 0.0754 1.28)` | Garden Party | black, 10.5 to 1 |
| 27 | `#e5aebd` | `oklch(80.55% 0.0668 0.47)` | Sekichiku Pink | black, 11.1 to 1 |
| 28 | `#e4b4c2` | `oklch(81.78% 0.0584 359.60)` | Japanese Rose Garden | black, 11.6 to 1 |
| 29 | `#e4bac6` | `oklch(82.90% 0.0505 358.73)` | Love in a Mist | black, 12.1 to 1 |
| 30 | `#e3bfca` | `oklch(83.89% 0.0434 357.94)` | Soap Pink | black, 12.5 to 1 |
| 31 | `#e3c3cd` | `oklch(84.74% 0.0375 357.31)` | In the Slip | black, 12.9 to 1 |
| 32 | `#e2c7cf` | `oklch(85.43% 0.0331 356.92)` | Tinted Rosewood | black, 13.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #65157f 0.0%, #69177f 3.2%, #6e1a80 6.5%, #741e80 9.7%, #7a2280 12.9%, #822680 16.1%, #892a7f 19.4%, #912f7f 22.6%, #98347f 25.8%, #9f3a80 29.0%, #a63f81 32.3%, #ac4582 35.5%, #b24b84 38.7%, #b95286 41.9%, #bf5988 45.2%, #c5608b 48.4%, #cb688f 51.6%, #d16f92 54.8%, #d67796 58.1%, #da7e9a 61.3%, #de859f 64.5%, #e18ca3 67.7%, #e393a8 71.0%, #e49aad 74.2%, #e5a1b3 77.4%, #e5a7b8 80.6%, #e5aebd 83.9%, #e4b4c2 87.1%, #e4bac6 90.3%, #e3bfca 93.5%, #e3c3cd 96.8%, #e2c7cf 100.0%);
background: linear-gradient(135deg in oklch, oklch(38.58% 0.1695 315.70) 0.0%, oklch(39.42% 0.1687 317.45) 3.2%, oklch(40.47% 0.1677 319.76) 6.5%, oklch(41.70% 0.1667 322.51) 9.7%, oklch(43.09% 0.1656 325.59) 12.9%, oklch(44.60% 0.1642 328.88) 16.1%, oklch(46.20% 0.1627 332.27) 19.4%, oklch(47.87% 0.1609 335.64) 22.6%, oklch(49.58% 0.1589 338.88) 25.8%, oklch(51.29% 0.1566 341.88) 29.0%, oklch(52.99% 0.1539 344.51) 32.3%, oklch(54.68% 0.1509 346.78) 35.5%, oklch(56.48% 0.1477 348.98) 38.7%, oklch(58.38% 0.1443 351.10) 41.9%, oklch(60.34% 0.1406 353.13) 45.2%, oklch(62.34% 0.1367 355.03) 48.4%, oklch(64.33% 0.1325 356.78) 51.6%, oklch(66.31% 0.1280 358.35) 54.8%, oklch(68.22% 0.1232 359.73) 58.1%, oklch(70.06% 0.1181 0.87) 61.3%, oklch(71.77% 0.1127 1.76) 64.5%, oklch(73.35% 0.1069 2.36) 67.7%, oklch(74.88% 0.1001 2.57) 71.0%, oklch(76.38% 0.0924 2.40) 74.2%, oklch(77.84% 0.0841 1.95) 77.4%, oklch(79.23% 0.0754 1.28) 80.6%, oklch(80.55% 0.0668 0.47) 83.9%, oklch(81.78% 0.0584 359.60) 87.1%, oklch(82.90% 0.0505 358.73) 90.3%, oklch(83.89% 0.0434 357.94) 93.5%, oklch(84.74% 0.0375 357.31) 96.8%, oklch(85.43% 0.0331 356.92) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.386 | 0.169 | 315.7 |
| 2 | 0.535 | 0.153 | 345.3 |
| 3 | 0.728 | 0.109 | 362.2 |
| 4 | 0.854 | 0.033 | 356.9 |

## In these collections

- [Hero section gradients](https://grabient.com/hero-section-gradients)
- [Purple gradients](https://grabient.com/purple-gradients)
- [Purple and pink gradients](https://grabient.com/purple-and-pink-gradients)

## Other forms

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