# Analogous purple to pink linear gradient

Analogous purple to pink linear gradient with 32 colors: #614790, #634a92, #654d94, #685197, #6c569b, #6f5a9f, #735ea4, #7761a9, #7c63b0, #8164b8, #8663c2, #8c62cc, #925fd7, #995ce1, #a159e9, #a956f0, #b154f4, #bb53f7, #c451f7, #cf50f5, #d850f3, #e151f0, #e953ed, #f056ea, #f55be9, #f963e8, #fb6ce7, #fd75e7, #fd7ee7, #fe86e8, #fe8ce8, #fe91e8. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWdVTURqo_1BTQRa2cK5b1Ag`
- Page: https://grabient.com/kWdVTURqo_1BTQRa2cK5b1Ag?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, vivid
- 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 | `#614790` | `oklch(46.06% 0.1157 298.13)` | Lords of the Night | white, 7.4 to 1 |
| 2 | `#634a92` | `oklch(46.83% 0.1149 297.96)` | Purple Corallite | white, 7.2 to 1 |
| 3 | `#654d94` | `oklch(47.88% 0.1130 297.67)` | Purple Corallite | white, 6.8 to 1 |
| 4 | `#685197` | `oklch(49.12% 0.1106 297.31)` | Rollick | white, 6.5 to 1 |
| 5 | `#6c569b` | `oklch(50.50% 0.1085 296.96)` | Rollick | white, 6.1 to 1 |
| 6 | `#6f5a9f` | `oklch(51.92% 0.1074 296.71)` | Sumire Violet | white, 5.7 to 1 |
| 7 | `#735ea4` | `oklch(53.32% 0.1081 296.61)` | Genestealer Purple | white, 5.4 to 1 |
| 8 | `#7761a9` | `oklch(54.64% 0.1113 296.76)` | Genestealer Purple | white, 5.1 to 1 |
| 9 | `#7c63b0` | `oklch(55.78% 0.1177 297.21)` | Genestealer Purple | white, 4.9 to 1 |
| 10 | `#8164b8` | `oklch(56.82% 0.1286 297.85)` | Lavish Spending | white, 4.7 to 1 |
| 11 | `#8663c2` | `oklch(57.80% 0.1431 298.65)` | Lavish Spending | black, 4.5 to 1 |
| 12 | `#8c62cc` | `oklch(58.75% 0.1600 299.61)` | Amethyst | black, 4.7 to 1 |
| 13 | `#925fd7` | `oklch(59.67% 0.1778 300.76)` | Legendary Lavender | black, 4.8 to 1 |
| 14 | `#995ce1` | `oklch(60.59% 0.1953 302.12)` | Lavender Indigo | black, 4.9 to 1 |
| 15 | `#a159e9` | `oklch(61.52% 0.2111 303.71)` | Lightish Purple | black, 5.1 to 1 |
| 16 | `#a956f0` | `oklch(62.49% 0.2239 305.56)` | Light Shōtoku Purple | black, 5.2 to 1 |
| 17 | `#b154f4` | `oklch(63.50% 0.2328 307.73)` | Light Shōtoku Purple | black, 5.4 to 1 |
| 18 | `#bb53f7` | `oklch(64.54% 0.2396 310.49)` | Light Shōtoku Purple | black, 5.6 to 1 |
| 19 | `#c451f7` | `oklch(65.59% 0.2450 313.69)` | Pink Fever | black, 5.8 to 1 |
| 20 | `#cf50f5` | `oklch(66.65% 0.2487 317.15)` | Bubblegum Baby Girl | black, 6.1 to 1 |
| 21 | `#d850f3` | `oklch(67.72% 0.2508 320.65)` | Heliotrope | black, 6.3 to 1 |
| 22 | `#e151f0` | `oklch(68.81% 0.2513 323.98)` | Clematis Magenta | black, 6.6 to 1 |
| 23 | `#e953ed` | `oklch(69.90% 0.2503 326.95)` | Lake Retba Pink | black, 6.9 to 1 |
| 24 | `#f056ea` | `oklch(70.99% 0.2476 329.34)` | Lake Retba Pink | black, 7.2 to 1 |
| 25 | `#f55be9` | `oklch(72.12% 0.2425 331.07)` | Pink Party | black, 7.5 to 1 |
| 26 | `#f963e8` | `oklch(73.36% 0.2339 332.34)` | Candy Pink | black, 7.9 to 1 |
| 27 | `#fb6ce7` | `oklch(74.66% 0.2227 333.24)` | Vaporwave | black, 8.3 to 1 |
| 28 | `#fd75e7` | `oklch(75.95% 0.2101 333.86)` | Avant-Garde Pink | black, 8.8 to 1 |
| 29 | `#fd7ee7` | `oklch(77.18% 0.1972 334.28)` | Splash of Grenadine | black, 9.3 to 1 |
| 30 | `#fe86e8` | `oklch(78.29% 0.1852 334.57)` | Splash of Grenadine | black, 9.7 to 1 |
| 31 | `#fe8ce8` | `oklch(79.22% 0.1751 334.82)` | Splash of Grenadine | black, 10.1 to 1 |
| 32 | `#fe91e8` | `oklch(79.92% 0.1681 335.11)` | Pink Elephants | black, 10.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #614790 0.0%, #634a92 3.2%, #654d94 6.5%, #685197 9.7%, #6c569b 12.9%, #6f5a9f 16.1%, #735ea4 19.4%, #7761a9 22.6%, #7c63b0 25.8%, #8164b8 29.0%, #8663c2 32.3%, #8c62cc 35.5%, #925fd7 38.7%, #995ce1 41.9%, #a159e9 45.2%, #a956f0 48.4%, #b154f4 51.6%, #bb53f7 54.8%, #c451f7 58.1%, #cf50f5 61.3%, #d850f3 64.5%, #e151f0 67.7%, #e953ed 71.0%, #f056ea 74.2%, #f55be9 77.4%, #f963e8 80.6%, #fb6ce7 83.9%, #fd75e7 87.1%, #fd7ee7 90.3%, #fe86e8 93.5%, #fe8ce8 96.8%, #fe91e8 100.0%);
background: linear-gradient(90deg in oklch, oklch(46.06% 0.1157 298.13) 0.0%, oklch(46.83% 0.1149 297.96) 3.2%, oklch(47.88% 0.1130 297.67) 6.5%, oklch(49.12% 0.1106 297.31) 9.7%, oklch(50.50% 0.1085 296.96) 12.9%, oklch(51.92% 0.1074 296.71) 16.1%, oklch(53.32% 0.1081 296.61) 19.4%, oklch(54.64% 0.1113 296.76) 22.6%, oklch(55.78% 0.1177 297.21) 25.8%, oklch(56.82% 0.1286 297.85) 29.0%, oklch(57.80% 0.1431 298.65) 32.3%, oklch(58.75% 0.1600 299.61) 35.5%, oklch(59.67% 0.1778 300.76) 38.7%, oklch(60.59% 0.1953 302.12) 41.9%, oklch(61.52% 0.2111 303.71) 45.2%, oklch(62.49% 0.2239 305.56) 48.4%, oklch(63.50% 0.2328 307.73) 51.6%, oklch(64.54% 0.2396 310.49) 54.8%, oklch(65.59% 0.2450 313.69) 58.1%, oklch(66.65% 0.2487 317.15) 61.3%, oklch(67.72% 0.2508 320.65) 64.5%, oklch(68.81% 0.2513 323.98) 67.7%, oklch(69.90% 0.2503 326.95) 71.0%, oklch(70.99% 0.2476 329.34) 74.2%, oklch(72.12% 0.2425 331.07) 77.4%, oklch(73.36% 0.2339 332.34) 80.6%, oklch(74.66% 0.2227 333.24) 83.9%, oklch(75.95% 0.2101 333.86) 87.1%, oklch(77.18% 0.1972 334.28) 90.3%, oklch(78.29% 0.1852 334.57) 93.5%, oklch(79.22% 0.1751 334.82) 96.8%, oklch(79.92% 0.1681 335.11) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.461 | 0.116 | 298.1 |
| 2 | 0.555 | 0.116 | 297.1 |
| 3 | 0.63 | 0.229 | 306.6 |
| 4 | 0.713 | 0.247 | 329.8 |
| 5 | 0.799 | 0.168 | 335.1 |

## Other forms

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