# Cut Stem Leaf Gradient

Analogous beige to green linear gradient with 32 colors: #f1e9cf, #f0e7ca, #efe5c3, #ede3bc, #eae1b3, #e7dea9, #e4dc9f, #dfda94, #dad889, #d3d67f, #ccd374, #c5d16b, #bcce62, #b4cc5a, #abc953, #a2c54e, #9ac24a, #92bd47, #89b845, #80b243, #78ac42, #70a542, #689e41, #619740, #5a903f, #548a3e, #4e833d, #497d3c, #45773b, #41723a, #3e6e39, #3b6b38. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous beige to green linear gradient
- Seed: `kS7RlA4bfD70iwg`
- Page: https://grabient.com/kS7RlA4bfD70iwg?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light to dark, pastel
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.1 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 | `#f1e9cf` | `oklch(93.31% 0.0344 90.70)` | Crescent Moon | black, 17.2 to 1 |
| 2 | `#f0e7ca` | `oklch(92.73% 0.0391 91.96)` | Distressed White | black, 16.9 to 1 |
| 3 | `#efe5c3` | `oklch(92.07% 0.0452 93.53)` | Fake Blonde | black, 16.6 to 1 |
| 4 | `#ede3bc` | `oklch(91.33% 0.0526 95.36)` | Arctic Daisy | black, 16.2 to 1 |
| 5 | `#eae1b3` | `oklch(90.52% 0.0610 97.42)` | Cookies and Cream | black, 15.8 to 1 |
| 6 | `#e7dea9` | `oklch(89.63% 0.0701 99.67)` | Green Charm | black, 15.4 to 1 |
| 7 | `#e4dc9f` | `oklch(88.67% 0.0798 102.06)` | Bamboo Mat | black, 15 to 1 |
| 8 | `#dfda94` | `oklch(87.64% 0.0898 104.57)` | Celery Heart | black, 14.6 to 1 |
| 9 | `#dad889` | `oklch(86.56% 0.0998 107.13)` | Wax Green | black, 14.1 to 1 |
| 10 | `#d3d67f` | `oklch(85.41% 0.1097 109.73)` | Green Gecko | black, 13.6 to 1 |
| 11 | `#ccd374` | `oklch(84.21% 0.1191 112.32)` | Fool’s Gold | black, 13.1 to 1 |
| 12 | `#c5d16b` | `oklch(82.96% 0.1279 114.85)` | Daiquiri Green | black, 12.6 to 1 |
| 13 | `#bcce62` | `oklch(81.66% 0.1358 117.29)` | Lustre Green | black, 12.1 to 1 |
| 14 | `#b4cc5a` | `oklch(80.31% 0.1426 119.60)` | Asparagus Fern | black, 11.6 to 1 |
| 15 | `#abc953` | `oklch(78.92% 0.1479 121.73)` | Acid Candy | black, 11.1 to 1 |
| 16 | `#a2c54e` | `oklch(77.50% 0.1517 123.65)` | Aerobic Fix | black, 10.6 to 1 |
| 17 | `#9ac24a` | `oklch(76.01% 0.1537 125.35)` | Pesto Genovese | black, 10.1 to 1 |
| 18 | `#92bd47` | `oklch(74.35% 0.1541 126.96)` | Early Spring | black, 9.5 to 1 |
| 19 | `#89b845` | `oklch(72.51% 0.1530 128.51)` | Spring Sprout | black, 8.9 to 1 |
| 20 | `#80b243` | `oklch(70.54% 0.1507 130.00)` | Sparkling Apple | black, 8.3 to 1 |
| 21 | `#78ac42` | `oklch(68.46% 0.1473 131.43)` | Parakeet | black, 7.7 to 1 |
| 22 | `#70a542` | `oklch(66.31% 0.1431 132.79)` | Festival Green | black, 7.1 to 1 |
| 23 | `#689e41` | `oklch(64.11% 0.1382 134.09)` | Parisian Green | black, 6.5 to 1 |
| 24 | `#619740` | `oklch(61.92% 0.1328 135.32)` | Bitter Leaf | black, 6 to 1 |
| 25 | `#5a903f` | `oklch(59.74% 0.1271 136.48)` | Indica | black, 5.5 to 1 |
| 26 | `#548a3e` | `oklch(57.63% 0.1214 137.56)` | Golf Day | black, 5 to 1 |
| 27 | `#4e833d` | `oklch(55.61% 0.1157 138.58)` | Guinean Green | black, 4.6 to 1 |
| 28 | `#497d3c` | `oklch(53.71% 0.1103 139.52)` | Guinean Green | white, 4.9 to 1 |
| 29 | `#45773b` | `oklch(51.97% 0.1053 140.38)` | Cucumber Queen | white, 5.2 to 1 |
| 30 | `#41723a` | `oklch(50.42% 0.1010 141.16)` | Druid Green | white, 5.6 to 1 |
| 31 | `#3e6e39` | `oklch(49.10% 0.0975 141.86)` | Mount Hyjal | white, 5.9 to 1 |
| 32 | `#3b6b38` | `oklch(48.03% 0.0951 142.48)` | Arcala Green | white, 6.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #f1e9cf 0.0%, #f0e7ca 3.2%, #efe5c3 6.5%, #ede3bc 9.7%, #eae1b3 12.9%, #e7dea9 16.1%, #e4dc9f 19.4%, #dfda94 22.6%, #dad889 25.8%, #d3d67f 29.0%, #ccd374 32.3%, #c5d16b 35.5%, #bcce62 38.7%, #b4cc5a 41.9%, #abc953 45.2%, #a2c54e 48.4%, #9ac24a 51.6%, #92bd47 54.8%, #89b845 58.1%, #80b243 61.3%, #78ac42 64.5%, #70a542 67.7%, #689e41 71.0%, #619740 74.2%, #5a903f 77.4%, #548a3e 80.6%, #4e833d 83.9%, #497d3c 87.1%, #45773b 90.3%, #41723a 93.5%, #3e6e39 96.8%, #3b6b38 100.0%);
background: linear-gradient(90deg in oklch, oklch(93.31% 0.0344 90.70) 0.0%, oklch(92.73% 0.0391 91.96) 3.2%, oklch(92.07% 0.0452 93.53) 6.5%, oklch(91.33% 0.0526 95.36) 9.7%, oklch(90.52% 0.0610 97.42) 12.9%, oklch(89.63% 0.0701 99.67) 16.1%, oklch(88.67% 0.0798 102.06) 19.4%, oklch(87.64% 0.0898 104.57) 22.6%, oklch(86.56% 0.0998 107.13) 25.8%, oklch(85.41% 0.1097 109.73) 29.0%, oklch(84.21% 0.1191 112.32) 32.3%, oklch(82.96% 0.1279 114.85) 35.5%, oklch(81.66% 0.1358 117.29) 38.7%, oklch(80.31% 0.1426 119.60) 41.9%, oklch(78.92% 0.1479 121.73) 45.2%, oklch(77.50% 0.1517 123.65) 48.4%, oklch(76.01% 0.1537 125.35) 51.6%, oklch(74.35% 0.1541 126.96) 54.8%, oklch(72.51% 0.1530 128.51) 58.1%, oklch(70.54% 0.1507 130.00) 61.3%, oklch(68.46% 0.1473 131.43) 64.5%, oklch(66.31% 0.1431 132.79) 67.7%, oklch(64.11% 0.1382 134.09) 71.0%, oklch(61.92% 0.1328 135.32) 74.2%, oklch(59.74% 0.1271 136.48) 77.4%, oklch(57.63% 0.1214 137.56) 80.6%, oklch(55.61% 0.1157 138.58) 83.9%, oklch(53.71% 0.1103 139.52) 87.1%, oklch(51.97% 0.1053 140.38) 90.3%, oklch(50.42% 0.1010 141.16) 93.5%, oklch(49.10% 0.0975 141.86) 96.8%, oklch(48.03% 0.0951 142.48) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.933 | 0.034 | 90.7 |
| 2 | 0.768 | 0.153 | 124.5 |
| 3 | 0.48 | 0.095 | 142.5 |

## In these collections

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

## Other forms

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