# Sage wool blanket gradient

Monochrome dark green to gray linear gradient with 32 colors: #264431, #294733, #2c4b35, #2f4f38, #34543c, #38593f, #3d5e43, #426447, #47684b, #4d6d4e, #527252, #587757, #5e7c5b, #64825f, #6a8764, #718c69, #77916d, #7e9672, #859c78, #8ca17d, #93a683, #9aac88, #a1b18e, #a8b694, #afbb99, #b6c0a0, #bec5a6, #c5caad, #cccfb4, #d2d3ba, #d7d7bf, #dbdac3. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome dark green to gray linear gradient
- Seed: `kWWyRuPRY_E6WPtgkj58As9g`
- Page: https://grabient.com/kWWyRuPRY_E6WPtgkj58As9g?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, muted, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.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 | `#264431` | `oklch(35.83% 0.0496 154.69)` | Everglade | white, 10.6 to 1 |
| 2 | `#294733` | `oklch(36.79% 0.0506 154.11)` | Wine Bottle Green | white, 10.2 to 1 |
| 3 | `#2c4b35` | `oklch(38.07% 0.0519 153.36)` | Moselle Green | white, 9.7 to 1 |
| 4 | `#2f4f38` | `oklch(39.59% 0.0536 152.46)` | Moselle Green | white, 9.1 to 1 |
| 5 | `#34543c` | `oklch(41.29% 0.0553 151.45)` | Goblin | white, 8.4 to 1 |
| 6 | `#38593f` | `oklch(43.09% 0.0571 150.37)` | Ficus | white, 7.8 to 1 |
| 7 | `#3d5e43` | `oklch(44.93% 0.0587 149.25)` | Horsetail | white, 7.2 to 1 |
| 8 | `#426447` | `oklch(46.74% 0.0600 148.12)` | Firm Green | white, 6.7 to 1 |
| 9 | `#47684b` | `oklch(48.45% 0.0608 147.02)` | Nordic Pine | white, 6.2 to 1 |
| 10 | `#4d6d4e` | `oklch(50.16% 0.0614 145.91)` | Garden Cucumber | white, 5.7 to 1 |
| 11 | `#527252` | `oklch(51.91% 0.0618 144.78)` | Irish Clover | white, 5.3 to 1 |
| 12 | `#587757` | `oklch(53.68% 0.0620 143.61)` | Elm Green | white, 4.9 to 1 |
| 13 | `#5e7c5b` | `oklch(55.47% 0.0620 142.41)` | Green Mantle | white, 4.6 to 1 |
| 14 | `#64825f` | `oklch(57.28% 0.0618 141.16)` | Tuscan Herbs | black, 4.8 to 1 |
| 15 | `#6a8764` | `oklch(59.10% 0.0615 139.85)` | Bladerunner | black, 5.2 to 1 |
| 16 | `#718c69` | `oklch(60.91% 0.0610 138.49)` | Kashmir | black, 5.6 to 1 |
| 17 | `#77916d` | `oklch(62.72% 0.0602 137.07)` | Chá Lǜ Green | black, 6 to 1 |
| 18 | `#7e9672` | `oklch(64.56% 0.0593 135.64)` | Green Eyes | black, 6.5 to 1 |
| 19 | `#859c78` | `oklch(66.42% 0.0582 134.18)` | Sweet Florence | black, 7 to 1 |
| 20 | `#8ca17d` | `oklch(68.30% 0.0569 132.68)` | Mistletoe | black, 7.5 to 1 |
| 21 | `#93a683` | `oklch(70.16% 0.0554 131.10)` | Huntington Garden | black, 8 to 1 |
| 22 | `#9aac88` | `oklch(72.00% 0.0537 129.42)` | Cardoon | black, 8.6 to 1 |
| 23 | `#a1b18e` | `oklch(73.81% 0.0520 127.60)` | Soap Green | black, 9.1 to 1 |
| 24 | `#a8b694` | `oklch(75.56% 0.0501 125.62)` | Casa Verde | black, 9.7 to 1 |
| 25 | `#afbb99` | `oklch(77.29% 0.0480 123.36)` | Chrysoprase | black, 10.3 to 1 |
| 26 | `#b6c0a0` | `oklch(79.11% 0.0454 120.67)` | Chopped Dill | black, 11 to 1 |
| 27 | `#bec5a6` | `oklch(80.96% 0.0426 117.70)` | Minted Lemon | black, 11.7 to 1 |
| 28 | `#c5caad` | `oklch(82.75% 0.0396 114.65)` | Desert Hot Springs | black, 12.4 to 1 |
| 29 | `#cccfb4` | `oklch(84.44% 0.0368 111.67)` | Chilled Cucumber | black, 13.1 to 1 |
| 30 | `#d2d3ba` | `oklch(85.95% 0.0341 108.96)` | Breathe | black, 13.7 to 1 |
| 31 | `#d7d7bf` | `oklch(87.23% 0.0319 106.68)` | Medlar | black, 14.3 to 1 |
| 32 | `#dbdac3` | `oklch(88.19% 0.0303 105.02)` | Loafer | black, 14.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #264431 0.0%, #294733 3.2%, #2c4b35 6.5%, #2f4f38 9.7%, #34543c 12.9%, #38593f 16.1%, #3d5e43 19.4%, #426447 22.6%, #47684b 25.8%, #4d6d4e 29.0%, #527252 32.3%, #587757 35.5%, #5e7c5b 38.7%, #64825f 41.9%, #6a8764 45.2%, #718c69 48.4%, #77916d 51.6%, #7e9672 54.8%, #859c78 58.1%, #8ca17d 61.3%, #93a683 64.5%, #9aac88 67.7%, #a1b18e 71.0%, #a8b694 74.2%, #afbb99 77.4%, #b6c0a0 80.6%, #bec5a6 83.9%, #c5caad 87.1%, #cccfb4 90.3%, #d2d3ba 93.5%, #d7d7bf 96.8%, #dbdac3 100.0%);
background: linear-gradient(135deg in oklch, oklch(35.83% 0.0496 154.69) 0.0%, oklch(36.79% 0.0506 154.11) 3.2%, oklch(38.07% 0.0519 153.36) 6.5%, oklch(39.59% 0.0536 152.46) 9.7%, oklch(41.29% 0.0553 151.45) 12.9%, oklch(43.09% 0.0571 150.37) 16.1%, oklch(44.93% 0.0587 149.25) 19.4%, oklch(46.74% 0.0600 148.12) 22.6%, oklch(48.45% 0.0608 147.02) 25.8%, oklch(50.16% 0.0614 145.91) 29.0%, oklch(51.91% 0.0618 144.78) 32.3%, oklch(53.68% 0.0620 143.61) 35.5%, oklch(55.47% 0.0620 142.41) 38.7%, oklch(57.28% 0.0618 141.16) 41.9%, oklch(59.10% 0.0615 139.85) 45.2%, oklch(60.91% 0.0610 138.49) 48.4%, oklch(62.72% 0.0602 137.07) 51.6%, oklch(64.56% 0.0593 135.64) 54.8%, oklch(66.42% 0.0582 134.18) 58.1%, oklch(68.30% 0.0569 132.68) 61.3%, oklch(70.16% 0.0554 131.10) 64.5%, oklch(72.00% 0.0537 129.42) 67.7%, oklch(73.81% 0.0520 127.60) 71.0%, oklch(75.56% 0.0501 125.62) 74.2%, oklch(77.29% 0.0480 123.36) 77.4%, oklch(79.11% 0.0454 120.67) 80.6%, oklch(80.96% 0.0426 117.70) 83.9%, oklch(82.75% 0.0396 114.65) 87.1%, oklch(84.44% 0.0368 111.67) 90.3%, oklch(85.95% 0.0341 108.96) 93.5%, oklch(87.23% 0.0319 106.68) 96.8%, oklch(88.19% 0.0303 105.02) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.358 | 0.05 | 154.7 |
| 2 | 0.48 | 0.061 | 147.3 |
| 3 | 0.618 | 0.061 | 137.8 |
| 4 | 0.76 | 0.05 | 125.1 |
| 5 | 0.882 | 0.03 | 105 |

## In these collections

- [Cozy color palette](https://grabient.com/cozy-color-palette)

## Other forms

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