# Pastel green, beige and pink linear gradient

Pastel green, beige and pink linear gradient with 7 colors: #c8d9a4, #e3ebca, #e4bd9e, #a65a8a, #5b5100, #647e59, #f2d7bc. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW2jRXdI69siqMa3m1OcZE2I`
- Page: https://grabient.com/kW2jRXdI69siqMa3m1OcZE2I
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: dark center, pastel
- Hues: wide
- Contrast of its darkest and lightest colors: 6.5 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 | `#c8d9a4` | `oklch(85.83% 0.0717 122.34)` | Cucumber Ice | black, 13.8 to 1 |
| 2 | `#e3ebca` | `oklch(92.55% 0.0437 117.88)` | Honeydew Melon | black, 17 to 1 |
| 3 | `#e4bd9e` | `oklch(82.40% 0.0616 60.07)` | Eggshell Paper | black, 12 to 1 |
| 4 | `#a65a8a` | `oklch(57.09% 0.1157 342.85)` | Cyclamen Red | white, 4.7 to 1 |
| 5 | `#5b5100` | `oklch(43.00% 0.0898 101.23)` | Douro | white, 8 to 1 |
| 6 | `#647e59` | `oklch(56.24% 0.0632 136.63)` | Silver Willow Green | black, 4.6 to 1 |
| 7 | `#f2d7bc` | `oklch(89.37% 0.0469 66.34)` | Pulled Taffy | black, 15.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #c8d9a4 0.0%, #e3ebca 16.7%, #e4bd9e 33.3%, #a65a8a 50.0%, #5b5100 66.7%, #647e59 83.3%, #f2d7bc 100.0%);
background: linear-gradient(90deg in oklch, oklch(85.83% 0.0717 122.34) 0.0%, oklch(92.55% 0.0437 117.88) 16.7%, oklch(82.40% 0.0616 60.07) 33.3%, oklch(57.09% 0.1157 342.85) 50.0%, oklch(43.00% 0.0898 101.23) 66.7%, oklch(56.24% 0.0632 136.63) 83.3%, oklch(89.37% 0.0469 66.34) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.858 | 0.072 | 122.3 |
| 2 | 0.917 | 0.04 | 103.3 |
| 3 | 0.571 | 0.116 | -17.1 |
| 4 | 0.437 | 0.074 | 148.8 |
| 5 | 0.894 | 0.047 | 66.3 |

## In these collections

- [Cabbage crush](https://grabient.com/cabbage-crush)

## Other forms

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