# Golden orange rose flare

Neon yellow, orange, red and purple linear gradient with 7 colors: #d5ee2d, #fcdc02, #ffb319, #fd7a14, #d2412e, #971670, #5b00c5. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Neon yellow, orange, red and purple linear gradient
- Seed: `ka5ZBT8cM9ug9vXbw7yykM9rrCOm217mg`
- Page: https://grabient.com/ka5ZBT8cM9ug9vXbw7yykM9rrCOm217mg?angle=135
- Drawn as: linear gradient, 7 steps, 135 degrees
- Kinds: light to dark, vivid, neon, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 7.1 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 | `#d5ee2d` | `oklch(90.16% 0.1984 117.42)` | Spleen Green | black, 16.1 to 1 |
| 2 | `#fcdc02` | `oklch(89.37% 0.1846 98.40)` | Dallol Yellow | black, 15.3 to 1 |
| 3 | `#ffb319` | `oklch(81.89% 0.1670 77.27)` | Kernel of Truth | black, 11.7 to 1 |
| 4 | `#fd7a14` | `oklch(72.05% 0.1860 49.79)` | Carrot Curl | black, 7.9 to 1 |
| 5 | `#d2412e` | `oklch(58.27% 0.1846 30.77)` | Mr. Krabs | white, 4.6 to 1 |
| 6 | `#971670` | `oklch(46.06% 0.1819 344.27)` | Haunted Purple | white, 7.8 to 1 |
| 7 | `#5b00c5` | `oklch(42.93% 0.2408 291.42)` | Purplue | white, 9.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #d5ee2d 0.0%, #fcdc02 16.7%, #ffb319 33.3%, #fd7a14 50.0%, #d2412e 66.7%, #971670 83.3%, #5b00c5 100.0%);
background: linear-gradient(135deg in oklch, oklch(90.16% 0.1984 117.42) 0.0%, oklch(89.37% 0.1846 98.40) 16.7%, oklch(81.89% 0.1670 77.27) 33.3%, oklch(72.05% 0.1860 49.79) 50.0%, oklch(58.27% 0.1846 30.77) 66.7%, oklch(46.06% 0.1819 344.27) 83.3%, oklch(42.93% 0.2408 291.42) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.902 | 0.198 | 117.4 |
| 2 | 0.894 | 0.185 | 98.4 |
| 3 | 0.819 | 0.169 | 77.3 |
| 4 | 0.72 | 0.186 | 49.8 |
| 5 | 0.583 | 0.185 | 30.8 |
| 6 | 0.461 | 0.182 | -15.7 |
| 7 | 0.429 | 0.241 | -68.6 |

## In these collections

- [Bright gradients](https://grabient.com/bright-gradients)

## Other forms

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