# Pink, peach, dark green and brown linear gradient

Pink, peach, dark green and brown linear gradient with 7 colors: #ff74b0, #fcd4b7, #de88c6, #c53e3f, #295000, #212e00, #d34469. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYvIr88pJHtG9s49NtIIB1DcxBsI`
- Page: https://grabient.com/kYvIr88pJHtG9s49NtIIB1DcxBsI
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: vivid
- Hues: two-hue
- Contrast of its darkest and lightest colors: 10.4 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 | `#ff74b0` | `oklch(74.01% 0.1803 355.08)` | Raspberry Glaze | black, 8.3 to 1 |
| 2 | `#fcd4b7` | `oklch(89.72% 0.0596 58.76)` | Tender Peach | black, 15.2 to 1 |
| 3 | `#de88c6` | `oklch(73.67% 0.1302 338.05)` | Pink Punk | black, 8.4 to 1 |
| 4 | `#c53e3f` | `oklch(55.91% 0.1717 24.20)` | Costa Rican Palm | white, 5 to 1 |
| 5 | `#295000` | `oklch(38.79% 0.1117 134.17)` | Patch of Land | white, 9.3 to 1 |
| 6 | `#212e00` | `oklch(28.05% 0.0704 124.93)` | Blind Forest | white, 14.3 to 1 |
| 7 | `#d34469` | `oklch(59.84% 0.1805 8.82)` | Pink Punch | black, 4.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #ff74b0 0.0%, #fcd4b7 16.7%, #de88c6 33.3%, #c53e3f 50.0%, #295000 66.7%, #212e00 83.3%, #d34469 100.0%);
background: linear-gradient(90deg in oklch, oklch(74.01% 0.1803 355.08) 0.0%, oklch(89.72% 0.0596 58.76) 16.7%, oklch(73.67% 0.1302 338.05) 33.3%, oklch(55.91% 0.1717 24.20) 50.0%, oklch(38.79% 0.1117 134.17) 66.7%, oklch(28.05% 0.0704 124.93) 83.3%, oklch(59.84% 0.1805 8.82) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.74 | 0.19 | 355.1 |
| 2 | 0.902 | 0.05 | 420.6 |
| 3 | 0.642 | 0.169 | 316 |
| 4 | 0.48 | 0.15 | 469.2 |
| 5 | 0.252 | 0.08 | 498.8 |
| 6 | 0.598 | 0.181 | 368.8 |

## In these collections

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

## Other forms

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