# Light pink, brown and green linear gradient

Light pink, brown and green linear gradient with 7 colors: #fff2e9, #fad8cf, #f3b7b8, #e894a4, #cf6e95, #b1603b, #557349. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW9g4nbpO8eAlvdOMD-whpPg`
- Page: https://grabient.com/kW9g4nbpO8eAlvdOMD-whpPg
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: light to dark, pastel, warm
- Hues: analogous
- 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 | `#fff2e9` | `oklch(96.85% 0.0182 54.87)` | Pico Ivory | black, 19.1 to 1 |
| 2 | `#fad8cf` | `oklch(90.77% 0.0399 35.35)` | Strawberry Whip | black, 15.7 to 1 |
| 3 | `#f3b7b8` | `oklch(83.42% 0.0699 17.82)` | Old Flame | black, 12.2 to 1 |
| 4 | `#e894a4` | `oklch(75.59% 0.1033 7.29)` | Peony | black, 9.1 to 1 |
| 5 | `#cf6e95` | `oklch(65.89% 0.1300 355.35)` | Hopbush | black, 6.2 to 1 |
| 6 | `#b1603b` | `oklch(57.57% 0.1165 44.16)` | Georgia Clay | black, 4.5 to 1 |
| 7 | `#557349` | `oklch(51.97% 0.0717 137.27)` | Irish Clover | white, 5.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #fff2e9 0.0%, #fad8cf 16.7%, #f3b7b8 33.3%, #e894a4 50.0%, #cf6e95 66.7%, #b1603b 83.3%, #557349 100.0%);
background: linear-gradient(90deg in oklch, oklch(96.85% 0.0182 54.87) 0.0%, oklch(90.77% 0.0399 35.35) 16.7%, oklch(83.42% 0.0699 17.82) 33.3%, oklch(75.59% 0.1033 7.29) 50.0%, oklch(65.89% 0.1300 355.35) 66.7%, oklch(57.57% 0.1165 44.16) 83.3%, oklch(51.97% 0.0717 137.27) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.969 | 0.019 | 54.8 |
| 2 | 0.87 | 0.054 | 25.3 |
| 3 | 0.756 | 0.103 | 7.3 |
| 4 | 0.614 | 0.132 | 5.2 |
| 5 | 0.52 | 0.072 | 137.3 |

## In these collections

- [Cottagecore swatches](https://grabient.com/cottagecore-swatches)
- [Floral swatches](https://grabient.com/floral-swatches)

## Other forms

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