# Pastel tritone beige, green and pink linear gradient

Pastel tritone beige, green and pink linear gradient with 7 colors: #fff2c9, #f4e182, #cace55, #8eb661, #328659, #8d8d59, #f2dce1. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW9ChCbjPBNyswxDosJ9AkuQ`
- Page: https://grabient.com/kW9ChCbjPBNyswxDosJ9AkuQ
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: dark center, pastel
- Hues: analogous
- Contrast of its darkest and lightest colors: 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 | `#fff2c9` | `oklch(96.06% 0.0551 92.81)` | Silent Ivory | black, 18.7 to 1 |
| 2 | `#f4e182` | `oklch(90.43% 0.1176 98.29)` | Electric Light Orchestra | black, 15.8 to 1 |
| 3 | `#cace55` | `oklch(82.56% 0.1437 111.21)` | Clown Green | black, 12.5 to 1 |
| 4 | `#8eb661` | `oklch(72.83% 0.1226 129.80)` | Broccoli | black, 9 to 1 |
| 5 | `#328659` | `oklch(55.64% 0.1077 156.69)` | Metallic Green | black, 4.6 to 1 |
| 6 | `#8d8d59` | `oklch(63.01% 0.0722 108.35)` | Green Olive | black, 6 to 1 |
| 7 | `#f2dce1` | `oklch(91.34% 0.0248 1.93)` | Minified Blush | black, 16 to 1 |

## CSS

```css
background: linear-gradient(90deg, #fff2c9 0.0%, #f4e182 16.7%, #cace55 33.3%, #8eb661 50.0%, #328659 66.7%, #8d8d59 83.3%, #f2dce1 100.0%);
background: linear-gradient(90deg in oklch, oklch(96.06% 0.0551 92.81) 0.0%, oklch(90.43% 0.1176 98.29) 16.7%, oklch(82.56% 0.1437 111.21) 33.3%, oklch(72.83% 0.1226 129.80) 50.0%, oklch(55.64% 0.1077 156.69) 66.7%, oklch(63.01% 0.0722 108.35) 83.3%, oklch(91.34% 0.0248 1.93) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.961 | 0.055 | 92.8 |
| 2 | 0.866 | 0.142 | 103.4 |
| 3 | 0.728 | 0.123 | 129.8 |
| 4 | 0.531 | 0.095 | 150.9 |
| 5 | 0.913 | 0.025 | 1.9 |

## In these collections

- [Spring garden wedding](https://grabient.com/spring-garden-wedding)
- [Rayman swatches](https://grabient.com/rayman-swatches)

## Other forms

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