# Analogous dark green to beige linear gradient

Analogous dark green to beige linear gradient with 32 colors: #003e1f, #054121, #0c4423, #144825, #1b4c28, #22502b, #29552e, #315b31, #396035, #416638, #496c3c, #527241, #5b7945, #647f4a, #6e864f, #778d54, #819459, #8b9b5e, #94a264, #9ea869, #a8af6f, #b1b674, #babc7a, #c4c27f, #ccc884, #d4ce8a, #dcd38f, #e4d893, #eadd98, #f1e19c, #f6e49f, #fbe7a2. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kQUTpudiC4w`
- Page: https://grabient.com/kQUTpudiC4w?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: dark to light
- Hues: analogous
- Contrast of its darkest and lightest colors: 10 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 | `#003e1f` | `oklch(31.90% 0.0794 154.62)` | Angel Green | white, 12.3 to 1 |
| 2 | `#054121` | `oklch(32.97% 0.0801 153.62)` | Angel Green | white, 11.8 to 1 |
| 3 | `#0c4423` | `oklch(34.22% 0.0803 152.38)` | Lost in the Woods | white, 11.2 to 1 |
| 4 | `#144825` | `oklch(35.64% 0.0805 150.98)` | Alaskan Moss | white, 10.6 to 1 |
| 5 | `#1b4c28` | `oklch(37.22% 0.0808 149.43)` | Cal Poly Pomona Green | white, 9.9 to 1 |
| 6 | `#22502b` | `oklch(38.94% 0.0810 147.73)` | Cal Poly Pomona Green | white, 9.2 to 1 |
| 7 | `#29552e` | `oklch(40.78% 0.0813 145.91)` | Moor-Monster | white, 8.5 to 1 |
| 8 | `#315b31` | `oklch(42.74% 0.0816 143.97)` | Parsley | white, 7.9 to 1 |
| 9 | `#396035` | `oklch(44.81% 0.0820 141.93)` | Greenhouse | white, 7.2 to 1 |
| 10 | `#416638` | `oklch(46.97% 0.0823 139.80)` | Friendly Fairway | white, 6.6 to 1 |
| 11 | `#496c3c` | `oklch(49.21% 0.0827 137.59)` | Gully Green | white, 6 to 1 |
| 12 | `#527241` | `oklch(51.52% 0.0830 135.32)` | Artichoke Green | white, 5.4 to 1 |
| 13 | `#5b7945` | `oklch(53.88% 0.0834 132.98)` | Mossy Green | white, 4.9 to 1 |
| 14 | `#647f4a` | `oklch(56.28% 0.0838 130.61)` | Green Knoll | black, 4.6 to 1 |
| 15 | `#6e864f` | `oklch(58.72% 0.0842 128.21)` | Herb | black, 5.1 to 1 |
| 16 | `#778d54` | `oklch(61.17% 0.0845 125.78)` | Scarabœus Nobilis | black, 5.7 to 1 |
| 17 | `#819459` | `oklch(63.63% 0.0849 123.36)` | Pretty Maiden | black, 6.2 to 1 |
| 18 | `#8b9b5e` | `oklch(66.09% 0.0853 120.93)` | Vitality | black, 6.9 to 1 |
| 19 | `#94a264` | `oklch(68.52% 0.0857 118.53)` | Banana Palm | black, 7.5 to 1 |
| 20 | `#9ea869` | `oklch(70.93% 0.0861 116.16)` | Spanish Olive | black, 8.2 to 1 |
| 21 | `#a8af6f` | `oklch(73.29% 0.0865 113.82)` | Umbrella Green | black, 9 to 1 |
| 22 | `#b1b674` | `oklch(75.59% 0.0868 111.55)` | Green Curry | black, 9.7 to 1 |
| 23 | `#babc7a` | `oklch(77.83% 0.0872 109.34)` | Ushabti Bone | black, 10.5 to 1 |
| 24 | `#c4c27f` | `oklch(79.99% 0.0875 107.21)` | Fresh Sprout | black, 11.3 to 1 |
| 25 | `#ccc884` | `oklch(82.06% 0.0879 105.17)` | Chimes | black, 12.1 to 1 |
| 26 | `#d4ce8a` | `oklch(84.02% 0.0882 103.23)` | Deduction | black, 12.9 to 1 |
| 27 | `#dcd38f` | `oklch(85.87% 0.0885 101.41)` | That’s My Lime | black, 13.7 to 1 |
| 28 | `#e4d893` | `oklch(87.58% 0.0887 99.71)` | Pineapple Slice | black, 14.5 to 1 |
| 29 | `#eadd98` | `oklch(89.16% 0.0890 98.16)` | Wild Primrose | black, 15.2 to 1 |
| 30 | `#f1e19c` | `oklch(90.58% 0.0892 96.76)` | Buttery Croissant | black, 15.9 to 1 |
| 31 | `#f6e49f` | `oklch(91.84% 0.0894 95.52)` | Venetian Yellow | black, 16.5 to 1 |
| 32 | `#fbe7a2` | `oklch(92.91% 0.0896 94.45)` | Equator Glow | black, 17 to 1 |

## CSS

```css
background: linear-gradient(180deg, #003e1f 0.0%, #054121 3.2%, #0c4423 6.5%, #144825 9.7%, #1b4c28 12.9%, #22502b 16.1%, #29552e 19.4%, #315b31 22.6%, #396035 25.8%, #416638 29.0%, #496c3c 32.3%, #527241 35.5%, #5b7945 38.7%, #647f4a 41.9%, #6e864f 45.2%, #778d54 48.4%, #819459 51.6%, #8b9b5e 54.8%, #94a264 58.1%, #9ea869 61.3%, #a8af6f 64.5%, #b1b674 67.7%, #babc7a 71.0%, #c4c27f 74.2%, #ccc884 77.4%, #d4ce8a 80.6%, #dcd38f 83.9%, #e4d893 87.1%, #eadd98 90.3%, #f1e19c 93.5%, #f6e49f 96.8%, #fbe7a2 100.0%);
background: linear-gradient(180deg in oklch, oklch(31.90% 0.0794 154.62) 0.0%, oklch(32.97% 0.0801 153.62) 3.2%, oklch(34.22% 0.0803 152.38) 6.5%, oklch(35.64% 0.0805 150.98) 9.7%, oklch(37.22% 0.0808 149.43) 12.9%, oklch(38.94% 0.0810 147.73) 16.1%, oklch(40.78% 0.0813 145.91) 19.4%, oklch(42.74% 0.0816 143.97) 22.6%, oklch(44.81% 0.0820 141.93) 25.8%, oklch(46.97% 0.0823 139.80) 29.0%, oklch(49.21% 0.0827 137.59) 32.3%, oklch(51.52% 0.0830 135.32) 35.5%, oklch(53.88% 0.0834 132.98) 38.7%, oklch(56.28% 0.0838 130.61) 41.9%, oklch(58.72% 0.0842 128.21) 45.2%, oklch(61.17% 0.0845 125.78) 48.4%, oklch(63.63% 0.0849 123.36) 51.6%, oklch(66.09% 0.0853 120.93) 54.8%, oklch(68.52% 0.0857 118.53) 58.1%, oklch(70.93% 0.0861 116.16) 61.3%, oklch(73.29% 0.0865 113.82) 64.5%, oklch(75.59% 0.0868 111.55) 67.7%, oklch(77.83% 0.0872 109.34) 71.0%, oklch(79.99% 0.0875 107.21) 74.2%, oklch(82.06% 0.0879 105.17) 77.4%, oklch(84.02% 0.0882 103.23) 80.6%, oklch(85.87% 0.0885 101.41) 83.9%, oklch(87.58% 0.0887 99.71) 87.1%, oklch(89.16% 0.0890 98.16) 90.3%, oklch(90.58% 0.0892 96.76) 93.5%, oklch(91.84% 0.0894 95.52) 96.8%, oklch(92.91% 0.0896 94.45) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.319 | 0.08 | 154.7 |
| 2 | 0.929 | 0.09 | 94.5 |

## In these collections

- [Two color gradients](https://grabient.com/two-color-gradients)
- [Desktop wallpaper gradients](https://grabient.com/desktop-wallpaper-gradients)

## Other forms

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