# Pink, green, red and brown linear gradient

Pink, green, red and brown linear gradient with 7 colors: #c45d64, #82a811, #55c780, #a56d00, #b95135, #d5b751, #7a293a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYmmAM2D1OV2yQA7NTF567JjOpNY`
- Page: https://grabient.com/kYmmAM2D1OV2yQA7NTF567JjOpNY
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 4.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 | `#c45d64` | `oklch(60.63% 0.1323 17.58)` | Candy Drop | black, 5.1 to 1 |
| 2 | `#82a811` | `oklch(68.00% 0.1656 124.42)` | Hillsbrad Grass | black, 7.5 to 1 |
| 3 | `#55c780` | `oklch(74.67% 0.1475 153.43)` | Paris Green | black, 9.9 to 1 |
| 4 | `#a56d00` | `oklch(58.12% 0.1233 73.82)` | Golden Hind | black, 4.8 to 1 |
| 5 | `#b95135` | `oklch(56.34% 0.1419 35.86)` | Burnt Ochre | white, 4.8 to 1 |
| 6 | `#d5b751` | `oklch(78.60% 0.1253 93.10)` | Farm Straw | black, 10.7 to 1 |
| 7 | `#7a293a` | `oklch(40.55% 0.1130 11.24)` | Suō | white, 9.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #c45d64 0.0%, #82a811 16.7%, #55c780 33.3%, #a56d00 50.0%, #b95135 66.7%, #d5b751 83.3%, #7a293a 100.0%);
background: linear-gradient(90deg in oklch, oklch(60.63% 0.1323 17.58) 0.0%, oklch(68.00% 0.1656 124.42) 16.7%, oklch(74.67% 0.1475 153.43) 33.3%, oklch(58.12% 0.1233 73.82) 50.0%, oklch(56.34% 0.1419 35.86) 66.7%, oklch(78.60% 0.1253 93.10) 83.3%, oklch(40.55% 0.1130 11.24) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.606 | 0.132 | 17.6 |
| 2 | 0.693 | 0.168 | 139.1 |
| 3 | 0.736 | 0.138 | 140.2 |
| 4 | 0.465 | 0.146 | 17.6 |
| 5 | 0.815 | 0.128 | 98.9 |
| 6 | 0.406 | 0.113 | 11.2 |

## Other forms

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