# Vivid analogous purple to pink linear gradient

Vivid analogous purple to pink linear gradient with 32 colors: #8e1ce5, #8f1be3, #8f18e0, #8f15dd, #9011da, #900fd7, #920ed4, #9310d2, #9615d0, #991ccf, #9d24ce, #a12bce, #a632cd, #ab39ce, #b040ce, #b546cf, #ba4dd0, #bf54d1, #c45bd3, #ca63d5, #d06ad7, #d570d9, #da76dc, #df7adf, #e37ce2, #e87de6, #ec7cea, #f07bef, #f479f3, #f777f7, #fa75fa, #fc74fd. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWh7_XwlvA01NwRcwEDYdM_4`
- Page: https://grabient.com/kWh7_XwlvA01NwRcwEDYdM_4?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.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 | `#8e1ce5` | `oklch(53.15% 0.2632 303.05)` | Bright Blue Violet | white, 6 to 1 |
| 2 | `#8f1be3` | `oklch(52.98% 0.2625 303.62)` | Purple Protest | white, 6.1 to 1 |
| 3 | `#8f18e0` | `oklch(52.69% 0.2618 304.38)` | Purple Protest | white, 6.2 to 1 |
| 4 | `#8f15dd` | `oklch(52.33% 0.2610 305.28)` | Purple Protest | white, 6.3 to 1 |
| 5 | `#9011da` | `oklch(51.98% 0.2599 306.28)` | Vibrant Violet | white, 6.4 to 1 |
| 6 | `#900fd7` | `oklch(51.71% 0.2586 307.36)` | Vibrant Violet | white, 6.4 to 1 |
| 7 | `#920ed4` | `oklch(51.59% 0.2567 308.48)` | Vibrant Violet | white, 6.5 to 1 |
| 8 | `#9310d2` | `oklch(51.70% 0.2544 309.61)` | Violet Ink | white, 6.4 to 1 |
| 9 | `#9615d0` | `oklch(52.10% 0.2513 310.72)` | Violet Ink | white, 6.3 to 1 |
| 10 | `#991ccf` | `oklch(52.77% 0.2475 311.88)` | Prom Queen | white, 6.1 to 1 |
| 11 | `#9d24ce` | `oklch(53.66% 0.2429 313.11)` | Prom Queen | white, 5.8 to 1 |
| 12 | `#a12bce` | `oklch(54.72% 0.2379 314.39)` | Purple Vanity | white, 5.6 to 1 |
| 13 | `#a632cd` | `oklch(55.93% 0.2325 315.69)` | Telemagenta | white, 5.3 to 1 |
| 14 | `#ab39ce` | `oklch(57.23% 0.2269 316.97)` | Purple Yam | white, 4.9 to 1 |
| 15 | `#b040ce` | `oklch(58.58% 0.2214 318.22)` | Purple Yam | white, 4.7 to 1 |
| 16 | `#b546cf` | `oklch(59.95% 0.2161 319.40)` | Ultraviolet Berl | black, 4.7 to 1 |
| 17 | `#ba4dd0` | `oklch(61.33% 0.2110 320.51)` | Medium Orchid | black, 5 to 1 |
| 18 | `#bf54d1` | `oklch(62.89% 0.2049 321.63)` | Medium Orchid | black, 5.3 to 1 |
| 19 | `#c45bd3` | `oklch(64.60% 0.1983 322.76)` | Love Priestess | black, 5.7 to 1 |
| 20 | `#ca63d5` | `oklch(66.36% 0.1917 323.85)` | Blueberry Glaze | black, 6.2 to 1 |
| 21 | `#d06ad7` | `oklch(68.12% 0.1856 324.88)` | Blueberry Glaze | black, 6.6 to 1 |
| 22 | `#d570d9` | `oklch(69.79% 0.1806 325.81)` | Pink Orchid | black, 7.1 to 1 |
| 23 | `#da76dc` | `oklch(71.30% 0.1773 326.60)` | Hibiscus Pop | black, 7.5 to 1 |
| 24 | `#df7adf` | `oklch(72.56% 0.1762 327.23)` | Hibiscus Pop | black, 7.9 to 1 |
| 25 | `#e37ce2` | `oklch(73.56% 0.1781 327.64)` | Hibiscus Pop | black, 8.2 to 1 |
| 26 | `#e87de6` | `oklch(74.36% 0.1832 327.85)` | Lavender Magenta | black, 8.4 to 1 |
| 27 | `#ec7cea` | `oklch(75.00% 0.1905 327.90)` | Lavender Magenta | black, 8.6 to 1 |
| 28 | `#f07bef` | `oklch(75.51% 0.1991 327.83)` | Mamie Pink | black, 8.7 to 1 |
| 29 | `#f479f3` | `oklch(75.91% 0.2082 327.69)` | Princess Peach | black, 8.8 to 1 |
| 30 | `#f777f7` | `oklch(76.24% 0.2167 327.53)` | Princess Peach | black, 8.9 to 1 |
| 31 | `#fa75fa` | `oklch(76.52% 0.2239 327.41)` | Electric Flamingo | black, 8.9 to 1 |
| 32 | `#fc74fd` | `oklch(76.77% 0.2287 327.35)` | Electric Flamingo | black, 9 to 1 |

## CSS

```css
background: linear-gradient(180deg, #8e1ce5 0.0%, #8f1be3 3.2%, #8f18e0 6.5%, #8f15dd 9.7%, #9011da 12.9%, #900fd7 16.1%, #920ed4 19.4%, #9310d2 22.6%, #9615d0 25.8%, #991ccf 29.0%, #9d24ce 32.3%, #a12bce 35.5%, #a632cd 38.7%, #ab39ce 41.9%, #b040ce 45.2%, #b546cf 48.4%, #ba4dd0 51.6%, #bf54d1 54.8%, #c45bd3 58.1%, #ca63d5 61.3%, #d06ad7 64.5%, #d570d9 67.7%, #da76dc 71.0%, #df7adf 74.2%, #e37ce2 77.4%, #e87de6 80.6%, #ec7cea 83.9%, #f07bef 87.1%, #f479f3 90.3%, #f777f7 93.5%, #fa75fa 96.8%, #fc74fd 100.0%);
background: linear-gradient(180deg in oklch, oklch(53.15% 0.2632 303.05) 0.0%, oklch(52.98% 0.2625 303.62) 3.2%, oklch(52.69% 0.2618 304.38) 6.5%, oklch(52.33% 0.2610 305.28) 9.7%, oklch(51.98% 0.2599 306.28) 12.9%, oklch(51.71% 0.2586 307.36) 16.1%, oklch(51.59% 0.2567 308.48) 19.4%, oklch(51.70% 0.2544 309.61) 22.6%, oklch(52.10% 0.2513 310.72) 25.8%, oklch(52.77% 0.2475 311.88) 29.0%, oklch(53.66% 0.2429 313.11) 32.3%, oklch(54.72% 0.2379 314.39) 35.5%, oklch(55.93% 0.2325 315.69) 38.7%, oklch(57.23% 0.2269 316.97) 41.9%, oklch(58.58% 0.2214 318.22) 45.2%, oklch(59.95% 0.2161 319.40) 48.4%, oklch(61.33% 0.2110 320.51) 51.6%, oklch(62.89% 0.2049 321.63) 54.8%, oklch(64.60% 0.1983 322.76) 58.1%, oklch(66.36% 0.1917 323.85) 61.3%, oklch(68.12% 0.1856 324.88) 64.5%, oklch(69.79% 0.1806 325.81) 67.7%, oklch(71.30% 0.1773 326.60) 71.0%, oklch(72.56% 0.1762 327.23) 74.2%, oklch(73.56% 0.1781 327.64) 77.4%, oklch(74.36% 0.1832 327.85) 80.6%, oklch(75.00% 0.1905 327.90) 83.9%, oklch(75.51% 0.1991 327.83) 87.1%, oklch(75.91% 0.2082 327.69) 90.3%, oklch(76.24% 0.2167 327.53) 93.5%, oklch(76.52% 0.2239 327.41) 96.8%, oklch(76.77% 0.2287 327.35) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.531 | 0.263 | 303 |
| 2 | 0.52 | 0.252 | 310.4 |
| 3 | 0.606 | 0.214 | 320 |
| 4 | 0.728 | 0.176 | 327.4 |
| 5 | 0.768 | 0.229 | 327.4 |

## In these collections

- [Electric purple gradients](https://grabient.com/electric-purple-gradients)

## Other forms

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