# Beige, green, dark green and teal linear gradient

Beige, green, dark green and teal linear gradient with 8 colors: #e9e29a, #b4d76c, #6db759, #307c4f, #1a5a45, #1c8667, #49b68a, #addcce. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kc5UNJ6bNCdo2QbDJkGtZtBcamQBZK797RNBQ`
- Page: https://grabient.com/kc5UNJ6bNCdo2QbDJkGtZtBcamQBZK797RNBQ?steps=8
- Drawn as: linear gradient, 8 steps, 90 degrees
- Kinds: dark center, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 6 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 | `#e9e29a` | `oklch(90.16% 0.0923 103.36)` | Reviving Green | black, 15.7 to 1 |
| 2 | `#b4d76c` | `oklch(83.07% 0.1406 124.49)` | Melissa | black, 12.8 to 1 |
| 3 | `#6db759` | `oklch(70.87% 0.1488 139.29)` | Turtle Green | black, 8.5 to 1 |
| 4 | `#307c4f` | `oklch(52.76% 0.1047 154.08)` | Canadian Pine | white, 5 to 1 |
| 5 | `#1a5a45` | `oklch(42.13% 0.0744 166.76)` | Evergreen | white, 8 to 1 |
| 6 | `#1c8667` | `oklch(55.51% 0.1047 167.82)` | Accent Green Blue | black, 4.6 to 1 |
| 7 | `#49b68a` | `oklch(70.08% 0.1199 163.59)` | Mint | black, 8.3 to 1 |
| 8 | `#addcce` | `oklch(85.83% 0.0524 175.22)` | Prism | black, 13.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #e9e29a 0.0%, #b4d76c 14.3%, #6db759 28.6%, #307c4f 42.9%, #1a5a45 57.1%, #1c8667 71.4%, #49b68a 85.7%, #addcce 100.0%);
background: linear-gradient(90deg in oklch, oklch(90.16% 0.0923 103.36) 0.0%, oklch(83.07% 0.1406 124.49) 14.3%, oklch(70.87% 0.1488 139.29) 28.6%, oklch(52.76% 0.1047 154.08) 42.9%, oklch(42.13% 0.0744 166.76) 57.1%, oklch(55.51% 0.1047 167.82) 71.4%, oklch(70.08% 0.1199 163.59) 85.7%, oklch(85.83% 0.0524 175.22) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.902 | 0.092 | 103.4 |
| 2 | 0.831 | 0.141 | 124.5 |
| 3 | 0.709 | 0.149 | 139.3 |
| 4 | 0.528 | 0.105 | 154.1 |
| 5 | 0.421 | 0.074 | 166.8 |
| 6 | 0.555 | 0.105 | 167.8 |
| 7 | 0.701 | 0.12 | 163.6 |
| 8 | 0.858 | 0.052 | 175.2 |

## In these collections

- [Forest gradients](https://grabient.com/forest-gradients)
- [Green gradients](https://grabient.com/green-gradients)
- [Green multicolor gradients](https://grabient.com/green-multicolor-gradients)

## Other forms

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