# Pink, orange, olive and dark green linear gradient

Pink, orange, olive and dark green linear gradient with 7 colors: #ffc9e1, #e87fd0, #ff5786, #e3a100, #8b9300, #346417, #003012. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW4jP5Vsi-1_By5GM0Vop1C4`
- Page: https://grabient.com/kW4jP5Vsi-1_By5GM0Vop1C4
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 10.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 | `#ffc9e1` | `oklch(88.98% 0.0685 350.15)` | Cherry Blush | black, 14.6 to 1 |
| 2 | `#e87fd0` | `oklch(73.77% 0.1629 336.18)` | Blushed Bombshell | black, 8.3 to 1 |
| 3 | `#ff5786` | `oklch(69.41% 0.2052 7.34)` | Warm Pink | black, 6.9 to 1 |
| 4 | `#e3a100` | `oklch(75.20% 0.1563 78.91)` | Bilious Brown | black, 9.3 to 1 |
| 5 | `#8b9300` | `oklch(63.40% 0.1418 113.41)` | Snakes in the Grass | black, 6.2 to 1 |
| 6 | `#346417` | `oklch(45.35% 0.1196 136.38)` | Rainforest Matcha | white, 7 to 1 |
| 7 | `#003012` | `oklch(27.18% 0.0737 150.68)` | Prasinophobia | white, 14.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #ffc9e1 0.0%, #e87fd0 16.7%, #ff5786 33.3%, #e3a100 50.0%, #8b9300 66.7%, #346417 83.3%, #003012 100.0%);
background: linear-gradient(90deg in oklch, oklch(88.98% 0.0685 350.15) 0.0%, oklch(73.77% 0.1629 336.18) 16.7%, oklch(69.41% 0.2052 7.34) 33.3%, oklch(75.20% 0.1563 78.91) 50.0%, oklch(63.40% 0.1418 113.41) 66.7%, oklch(45.35% 0.1196 136.38) 83.3%, oklch(27.18% 0.0737 150.68) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.89 | 0.07 | 350.2 |
| 2 | 0.681 | 0.2 | 340.6 |
| 3 | 0.752 | 0.181 | 438.9 |
| 4 | 0.551 | 0.141 | 485.4 |
| 5 | 0.272 | 0.08 | 510.8 |

## In these collections

- [Spring swatches](https://grabient.com/spring-swatches)
- [Floral swatches](https://grabient.com/floral-swatches)

## Other forms

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