# Analogous beige to green linear gradient

Analogous beige to green linear gradient with 32 colors: #ede9c8, #ede8c5, #ebe8c2, #eae7be, #e9e6ba, #e7e5b5, #e5e3b0, #e3e2ab, #e0e1a6, #dee0a0, #dbdf9b, #d8de96, #d5dc90, #d2db8b, #cfda86, #ccd982, #cad87d, #c7d779, #c4d674, #c1d56f, #bfd36a, #bcd265, #b9d160, #b6d05b, #b3ce56, #b1cd51, #aecc4c, #accb47, #aaca43, #a8c93e, #a6c83a, #a5c837. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kS7CBIbKnBuM9wK`
- Page: https://grabient.com/kS7CBIbKnBuM9wK?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 1.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 | `#ede9c8` | `oklch(92.91% 0.0441 101.25)` | Ethereal Green | black, 17.1 to 1 |
| 2 | `#ede8c5` | `oklch(92.64% 0.0467 101.80)` | Ethereal Green | black, 16.9 to 1 |
| 3 | `#ebe8c2` | `oklch(92.31% 0.0498 102.50)` | Pale Celery | black, 16.8 to 1 |
| 4 | `#eae7be` | `oklch(91.94% 0.0535 103.31)` | Perfect Pear | black, 16.6 to 1 |
| 5 | `#e9e6ba` | `oklch(91.51% 0.0576 104.23)` | Lily Scent Green | black, 16.4 to 1 |
| 6 | `#e7e5b5` | `oklch(91.05% 0.0621 105.23)` | Springtime | black, 16.2 to 1 |
| 7 | `#e5e3b0` | `oklch(90.56% 0.0669 106.29)` | Tusk | black, 15.9 to 1 |
| 8 | `#e3e2ab` | `oklch(90.04% 0.0719 107.40)` | Bit of Lime | black, 15.7 to 1 |
| 9 | `#e0e1a6` | `oklch(89.50% 0.0771 108.54)` | Cocktail Onion | black, 15.5 to 1 |
| 10 | `#dee0a0` | `oklch(88.95% 0.0824 109.68)` | Young Wheat | black, 15.2 to 1 |
| 11 | `#dbdf9b` | `oklch(88.39% 0.0877 110.82)` | Young Wheat | black, 15 to 1 |
| 12 | `#d8de96` | `oklch(87.83% 0.0930 111.92)` | Chalcedony | black, 14.7 to 1 |
| 13 | `#d5dc90` | `oklch(87.27% 0.0981 112.98)` | Wax Green | black, 14.5 to 1 |
| 14 | `#d2db8b` | `oklch(86.72% 0.1031 113.98)` | Lime Splash | black, 14.2 to 1 |
| 15 | `#cfda86` | `oklch(86.19% 0.1079 114.88)` | Lime Splash | black, 14 to 1 |
| 16 | `#ccd982` | `oklch(85.68% 0.1123 115.69)` | Medium Spring Bud | black, 13.8 to 1 |
| 17 | `#cad87d` | `oklch(85.19% 0.1164 116.38)` | Goody Gumdrop | black, 13.6 to 1 |
| 18 | `#c7d779` | `oklch(84.68% 0.1205 117.02)` | Goody Gumdrop | black, 13.4 to 1 |
| 19 | `#c4d674` | `oklch(84.14% 0.1247 117.62)` | Daiquiri Green | black, 13.2 to 1 |
| 20 | `#c1d56f` | `oklch(83.60% 0.1289 118.17)` | Soft Fern | black, 13 to 1 |
| 21 | `#bfd36a` | `oklch(83.04% 0.1331 118.69)` | Rebounder | black, 12.7 to 1 |
| 22 | `#bcd265` | `oklch(82.47% 0.1373 119.18)` | Rebounder | black, 12.5 to 1 |
| 23 | `#b9d160` | `oklch(81.91% 0.1414 119.62)` | Lustre Green | black, 12.3 to 1 |
| 24 | `#b6d05b` | `oklch(81.36% 0.1453 120.04)` | Citrus Leaf | black, 12.1 to 1 |
| 25 | `#b3ce56` | `oklch(80.82% 0.1492 120.42)` | Juicy Lime | black, 11.9 to 1 |
| 26 | `#b1cd51` | `oklch(80.30% 0.1529 120.78)` | Young Green Onion | black, 11.7 to 1 |
| 27 | `#aecc4c` | `oklch(79.81% 0.1563 121.11)` | Young Green Onion | black, 11.5 to 1 |
| 28 | `#accb47` | `oklch(79.35% 0.1596 121.41)` | Two Peas in a Pod | black, 11.3 to 1 |
| 29 | `#aaca43` | `oklch(78.93% 0.1625 121.68)` | Two Peas in a Pod | black, 11.2 to 1 |
| 30 | `#a8c93e` | `oklch(78.55% 0.1652 121.94)` | Tender Shoot | black, 11 to 1 |
| 31 | `#a6c83a` | `oklch(78.22% 0.1675 122.17)` | Android Green | black, 10.9 to 1 |
| 32 | `#a5c837` | `oklch(77.95% 0.1695 122.39)` | Android Green | black, 10.8 to 1 |

## CSS

```css
background: linear-gradient(45deg, #ede9c8 0.0%, #ede8c5 3.2%, #ebe8c2 6.5%, #eae7be 9.7%, #e9e6ba 12.9%, #e7e5b5 16.1%, #e5e3b0 19.4%, #e3e2ab 22.6%, #e0e1a6 25.8%, #dee0a0 29.0%, #dbdf9b 32.3%, #d8de96 35.5%, #d5dc90 38.7%, #d2db8b 41.9%, #cfda86 45.2%, #ccd982 48.4%, #cad87d 51.6%, #c7d779 54.8%, #c4d674 58.1%, #c1d56f 61.3%, #bfd36a 64.5%, #bcd265 67.7%, #b9d160 71.0%, #b6d05b 74.2%, #b3ce56 77.4%, #b1cd51 80.6%, #aecc4c 83.9%, #accb47 87.1%, #aaca43 90.3%, #a8c93e 93.5%, #a6c83a 96.8%, #a5c837 100.0%);
background: linear-gradient(45deg in oklch, oklch(92.91% 0.0441 101.25) 0.0%, oklch(92.64% 0.0467 101.80) 3.2%, oklch(92.31% 0.0498 102.50) 6.5%, oklch(91.94% 0.0535 103.31) 9.7%, oklch(91.51% 0.0576 104.23) 12.9%, oklch(91.05% 0.0621 105.23) 16.1%, oklch(90.56% 0.0669 106.29) 19.4%, oklch(90.04% 0.0719 107.40) 22.6%, oklch(89.50% 0.0771 108.54) 25.8%, oklch(88.95% 0.0824 109.68) 29.0%, oklch(88.39% 0.0877 110.82) 32.3%, oklch(87.83% 0.0930 111.92) 35.5%, oklch(87.27% 0.0981 112.98) 38.7%, oklch(86.72% 0.1031 113.98) 41.9%, oklch(86.19% 0.1079 114.88) 45.2%, oklch(85.68% 0.1123 115.69) 48.4%, oklch(85.19% 0.1164 116.38) 51.6%, oklch(84.68% 0.1205 117.02) 54.8%, oklch(84.14% 0.1247 117.62) 58.1%, oklch(83.60% 0.1289 118.17) 61.3%, oklch(83.04% 0.1331 118.69) 64.5%, oklch(82.47% 0.1373 119.18) 67.7%, oklch(81.91% 0.1414 119.62) 71.0%, oklch(81.36% 0.1453 120.04) 74.2%, oklch(80.82% 0.1492 120.42) 77.4%, oklch(80.30% 0.1529 120.78) 80.6%, oklch(79.81% 0.1563 121.11) 83.9%, oklch(79.35% 0.1596 121.41) 87.1%, oklch(78.93% 0.1625 121.68) 90.3%, oklch(78.55% 0.1652 121.94) 93.5%, oklch(78.22% 0.1675 122.17) 96.8%, oklch(77.95% 0.1695 122.39) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.929 | 0.044 | 101.3 |
| 2 | 0.854 | 0.114 | 116 |
| 3 | 0.78 | 0.169 | 122.4 |

## In these collections

- [Yellow gradients](https://grabient.com/yellow-gradients)

## Other forms

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