# Sage Linen Hero Glow

A restrained radial gradient begins in deep forest green, passes through moss and sage, and reaches warm linen at the edge. The calm natural range provides a grounded hero background for editorial sites, sustainable brands, portfolios, and product pages while leaving a steady dark area for light headline text.

- Also called: Analogous dark green to beige radial gradient
- Seed: `kUTh55QZi-V2fvJxlLvA`
- Page: https://grabient.com/kUTh55QZi-V2fvJxlLvA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light
- Hues: wide
- Contrast of its darkest and lightest colors: 9.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 | `#18362c` | `oklch(30.71% 0.0413 170.16)` | Medium Jungle Green | white, 13 to 1 |
| 2 | `#1a3a2f` | `oklch(31.90% 0.0429 169.43)` | Palm Green | white, 12.4 to 1 |
| 3 | `#1d3e32` | `oklch(33.42% 0.0449 168.59)` | Mizukaze Green | white, 11.7 to 1 |
| 4 | `#204336` | `oklch(35.21% 0.0472 167.61)` | Everglade | white, 10.9 to 1 |
| 5 | `#24493a` | `oklch(37.21% 0.0499 166.52)` | Wine Bottle Green | white, 10 to 1 |
| 6 | `#284f3f` | `oklch(39.39% 0.0527 165.29)` | Hunt Club | white, 9.1 to 1 |
| 7 | `#2d5644` | `oklch(41.68% 0.0557 163.93)` | Fresh Mint | white, 8.3 to 1 |
| 8 | `#325d49` | `oklch(44.02% 0.0587 162.43)` | Wine Leaf | white, 7.5 to 1 |
| 9 | `#38644e` | `oklch(46.37% 0.0616 160.79)` | Poker Green | white, 6.7 to 1 |
| 10 | `#3e6b52` | `oklch(48.67% 0.0643 159.01)` | Toad King | white, 6.1 to 1 |
| 11 | `#447156` | `oklch(50.87% 0.0668 157.09)` | Fairway | white, 5.5 to 1 |
| 12 | `#4a785a` | `oklch(52.98% 0.0691 155.01)` | Como | white, 5.1 to 1 |
| 13 | `#507e5e` | `oklch(55.13% 0.0716 152.72)` | Sports Field Green | white, 4.6 to 1 |
| 14 | `#578561` | `oklch(57.34% 0.0742 150.26)` | Soylent Green | black, 4.9 to 1 |
| 15 | `#5f8c65` | `oklch(59.57% 0.0769 147.64)` | Murdoch | black, 5.4 to 1 |
| 16 | `#679268` | `oklch(61.80% 0.0795 144.89)` | Russian Green | black, 5.9 to 1 |
| 17 | `#6f996b` | `oklch(64.03% 0.0819 142.03)` | Rosemary Green | black, 6.4 to 1 |
| 18 | `#78a06e` | `oklch(66.22% 0.0839 139.08)` | Hierba Santa | black, 7 to 1 |
| 19 | `#81a670` | `oklch(68.35% 0.0855 136.07)` | Garden of Eden | black, 7.6 to 1 |
| 20 | `#8bac73` | `oklch(70.41% 0.0866 133.01)` | Geranium Leaf | black, 8.2 to 1 |
| 21 | `#94b177` | `oklch(72.38% 0.0870 129.93)` | Rural Eyes | black, 8.8 to 1 |
| 22 | `#9db67a` | `oklch(74.23% 0.0866 126.84)` | Death Guard | black, 9.4 to 1 |
| 23 | `#a6bb7e` | `oklch(76.08% 0.0851 123.44)` | Margarita | black, 10 to 1 |
| 24 | `#b0bf83` | `oklch(77.92% 0.0827 119.75)` | Dried Caspia | black, 10.6 to 1 |
| 25 | `#bac489` | `oklch(79.72% 0.0796 115.88)` | Misty Valley | black, 11.3 to 1 |
| 26 | `#c3c88f` | `oklch(81.48% 0.0761 111.93)` | Creamy Spinaci | black, 11.9 to 1 |
| 27 | `#cccc95` | `oklch(83.15% 0.0722 108.02)` | Corn Husk Green | black, 12.6 to 1 |
| 28 | `#d3d09c` | `oklch(84.71% 0.0683 104.27)` | Calming Effect | black, 13.2 to 1 |
| 29 | `#dad3a3` | `oklch(86.14% 0.0646 100.78)` | Cream Cheese Avocado | black, 13.8 to 1 |
| 30 | `#e0d7a9` | `oklch(87.41% 0.0612 97.66)` | Buckwheat Groats | black, 14.4 to 1 |
| 31 | `#e5d9ae` | `oklch(88.49% 0.0584 95.04)` | Rice Fibre | black, 14.9 to 1 |
| 32 | `#e9dcb2` | `oklch(89.37% 0.0565 93.01)` | Jodhpurs | black, 15.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #18362c 0.0%, #1a3a2f 3.2%, #1d3e32 6.5%, #204336 9.7%, #24493a 12.9%, #284f3f 16.1%, #2d5644 19.4%, #325d49 22.6%, #38644e 25.8%, #3e6b52 29.0%, #447156 32.3%, #4a785a 35.5%, #507e5e 38.7%, #578561 41.9%, #5f8c65 45.2%, #679268 48.4%, #6f996b 51.6%, #78a06e 54.8%, #81a670 58.1%, #8bac73 61.3%, #94b177 64.5%, #9db67a 67.7%, #a6bb7e 71.0%, #b0bf83 74.2%, #bac489 77.4%, #c3c88f 80.6%, #cccc95 83.9%, #d3d09c 87.1%, #dad3a3 90.3%, #e0d7a9 93.5%, #e5d9ae 96.8%, #e9dcb2 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(30.71% 0.0413 170.16) 0.0%, oklch(31.90% 0.0429 169.43) 3.2%, oklch(33.42% 0.0449 168.59) 6.5%, oklch(35.21% 0.0472 167.61) 9.7%, oklch(37.21% 0.0499 166.52) 12.9%, oklch(39.39% 0.0527 165.29) 16.1%, oklch(41.68% 0.0557 163.93) 19.4%, oklch(44.02% 0.0587 162.43) 22.6%, oklch(46.37% 0.0616 160.79) 25.8%, oklch(48.67% 0.0643 159.01) 29.0%, oklch(50.87% 0.0668 157.09) 32.3%, oklch(52.98% 0.0691 155.01) 35.5%, oklch(55.13% 0.0716 152.72) 38.7%, oklch(57.34% 0.0742 150.26) 41.9%, oklch(59.57% 0.0769 147.64) 45.2%, oklch(61.80% 0.0795 144.89) 48.4%, oklch(64.03% 0.0819 142.03) 51.6%, oklch(66.22% 0.0839 139.08) 54.8%, oklch(68.35% 0.0855 136.07) 58.1%, oklch(70.41% 0.0866 133.01) 61.3%, oklch(72.38% 0.0870 129.93) 64.5%, oklch(74.23% 0.0866 126.84) 67.7%, oklch(76.08% 0.0851 123.44) 71.0%, oklch(77.92% 0.0827 119.75) 74.2%, oklch(79.72% 0.0796 115.88) 77.4%, oklch(81.48% 0.0761 111.93) 80.6%, oklch(83.15% 0.0722 108.02) 83.9%, oklch(84.71% 0.0683 104.27) 87.1%, oklch(86.14% 0.0646 100.78) 90.3%, oklch(87.41% 0.0612 97.66) 93.5%, oklch(88.49% 0.0584 95.04) 96.8%, oklch(89.37% 0.0565 93.01) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.307 | 0.041 | 170.2 |
| 2 | 0.516 | 0.068 | 156.4 |
| 3 | 0.736 | 0.087 | 127.9 |
| 4 | 0.894 | 0.056 | 93 |

## In these collections

- [Hero section gradients](https://grabient.com/hero-section-gradients)

## Other forms

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