# Vivid dark purple, pink, orange and teal linear gradient

Vivid dark purple, pink, orange and teal linear gradient with 7 colors: #361649, #6f2e9b, #bf47e9, #f84eb2, #fe7345, #b1c14a, #60ddcc. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kURkTdUFhAltByboqdEA`
- Page: https://grabient.com/kURkTdUFhAltByboqdEA
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: dark to light, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 9.2 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 | `#361649` | `oklch(27.56% 0.0937 310.78)` | Russian Violet | white, 15.3 to 1 |
| 2 | `#6f2e9b` | `oklch(44.73% 0.1720 308.27)` | Purple Heart | white, 8.2 to 1 |
| 3 | `#bf47e9` | `oklch(62.99% 0.2425 316.07)` | Ultraviolet Onsible | black, 5.2 to 1 |
| 4 | `#f84eb2` | `oklch(68.87% 0.2250 348.56)` | Major Magenta | black, 6.7 to 1 |
| 5 | `#fe7345` | `oklch(71.65% 0.1805 38.49)` | Pinkish Orange | black, 7.7 to 1 |
| 6 | `#b1c14a` | `oklch(77.51% 0.1436 116.03)` | Celery | black, 10.5 to 1 |
| 7 | `#60ddcc` | `oklch(82.28% 0.1144 183.27)` | Jazzy Jade | black, 12.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #361649 0.0%, #6f2e9b 16.7%, #bf47e9 33.3%, #f84eb2 50.0%, #fe7345 66.7%, #b1c14a 83.3%, #60ddcc 100.0%);
background: linear-gradient(90deg in oklch, oklch(27.56% 0.0937 310.78) 0.0%, oklch(44.73% 0.1720 308.27) 16.7%, oklch(62.99% 0.2425 316.07) 33.3%, oklch(68.87% 0.2250 348.56) 50.0%, oklch(71.65% 0.1805 38.49) 66.7%, oklch(77.51% 0.1436 116.03) 83.3%, oklch(82.28% 0.1144 183.27) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.276 | 0.094 | 310.8 |
| 2 | 0.63 | 0.243 | 316.1 |
| 3 | 0.717 | 0.181 | 398.5 |
| 4 | 0.823 | 0.114 | 543.3 |

## In these collections

- [Surreal colors](https://grabient.com/surreal-colors)

## Other forms

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