# Vivid tritone purple, red and orange linear gradient

Vivid tritone purple, red and orange linear gradient with 7 colors: #7d2a76, #741069, #9c1750, #d94837, #ff8625, #ffae2c, #f3b636. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYb2vrsjvAkC_RJYxMM5jvDOc3QS`
- Page: https://grabient.com/kYb2vrsjvAkC_RJYxMM5jvDOc3QS
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: dark to light, vivid, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 5.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 | `#7d2a76` | `oklch(43.70% 0.1474 331.17)` | Veronica Purple | white, 8.5 to 1 |
| 2 | `#741069` | `oklch(39.23% 0.1614 333.56)` | Purple Curse | white, 10.4 to 1 |
| 3 | `#9c1750` | `oklch(45.84% 0.1703 2.13)` | Hydrangea Red | white, 7.8 to 1 |
| 4 | `#d94837` | `oklch(60.29% 0.1834 30.02)` | Goblet Waxcap | black, 4.9 to 1 |
| 5 | `#ff8625` | `oklch(74.20% 0.1768 52.82)` | Orange Avant-Garde | black, 8.6 to 1 |
| 6 | `#ffae2c` | `oklch(81.02% 0.1610 73.37)` | Ripe Pumpkin | black, 11.3 to 1 |
| 7 | `#f3b636` | `oklch(81.10% 0.1516 81.07)` | Sneezeweeds | black, 11.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #7d2a76 0.0%, #741069 16.7%, #9c1750 33.3%, #d94837 50.0%, #ff8625 66.7%, #ffae2c 83.3%, #f3b636 100.0%);
background: linear-gradient(90deg in oklch, oklch(43.70% 0.1474 331.17) 0.0%, oklch(39.23% 0.1614 333.56) 16.7%, oklch(45.84% 0.1703 2.13) 33.3%, oklch(60.29% 0.1834 30.02) 50.0%, oklch(74.20% 0.1768 52.82) 66.7%, oklch(81.02% 0.1610 73.37) 83.3%, oklch(81.10% 0.1516 81.07) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.437 | 0.147 | 331.2 |
| 2 | 0.394 | 0.164 | 336.5 |
| 3 | 0.508 | 0.174 | 375.6 |
| 4 | 0.697 | 0.189 | 403 |
| 5 | 0.803 | 0.164 | 430.5 |
| 6 | 0.811 | 0.152 | 441.1 |

## In these collections

- [Sunset swatches](https://grabient.com/sunset-swatches)
- [Warm swatches](https://grabient.com/warm-swatches)
- [Sunrise swatches](https://grabient.com/sunrise-swatches)

## Other forms

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