# Sage, gray and stone app background palette

Gray linear gradient with 32 colors: #34453b, #37483d, #3a4b40, #3d4e43, #415246, #455649, #4a5b4d, #4f6051, #546555, #5a6a59, #606f5d, #667562, #6c7a67, #727f6b, #788570, #7e8a75, #838f7a, #8a957f, #909a85, #97a08b, #9ea791, #a5ad98, #acb49f, #b3baa5, #bac0ac, #c1c7b3, #c8cdb9, #ced2bf, #d3d7c5, #d8dcca, #dde0ce, #e0e3d2. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Gray linear gradient
- Seed: `kSXxRxT4y8vOIve`
- Page: https://grabient.com/kSXxRxT4y8vOIve?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, neutral
- Hues: achromatic
- Contrast of its darkest and lightest colors: 7.7 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 | `#34453b` | `oklch(37.40% 0.0276 158.91)` | Bracken Fern | white, 10.1 to 1 |
| 2 | `#37483d` | `oklch(38.31% 0.0278 157.89)` | Exclusive Green | white, 9.7 to 1 |
| 3 | `#3a4b40` | `oklch(39.40% 0.0282 156.63)` | Dard Hunter Green | white, 9.3 to 1 |
| 4 | `#3d4e43` | `oklch(40.64% 0.0287 155.16)` | Amphitrite | white, 8.8 to 1 |
| 5 | `#415246` | `oklch(42.04% 0.0293 153.51)` | Pine Forest | white, 8.3 to 1 |
| 6 | `#455649` | `oklch(43.55% 0.0299 151.70)` | Rock Garden | white, 7.8 to 1 |
| 7 | `#4a5b4d` | `oklch(45.18% 0.0305 149.78)` | Greener Pastures | white, 7.2 to 1 |
| 8 | `#4f6051` | `oklch(46.89% 0.0312 147.77)` | Hampton Green | white, 6.7 to 1 |
| 9 | `#546555` | `oklch(48.68% 0.0319 145.70)` | Lakeside Pine | white, 6.2 to 1 |
| 10 | `#5a6a59` | `oklch(50.52% 0.0325 143.61)` | Less Traveled | white, 5.7 to 1 |
| 11 | `#606f5d` | `oklch(52.40% 0.0330 141.52)` | Bracken Green | white, 5.3 to 1 |
| 12 | `#667562` | `oklch(54.30% 0.0336 139.46)` | Bean Counter | white, 4.9 to 1 |
| 13 | `#6c7a67` | `oklch(56.20% 0.0340 137.46)` | Fir Spruce Green | black, 4.6 to 1 |
| 14 | `#727f6b` | `oklch(58.08% 0.0343 135.56)` | Greenland | black, 4.9 to 1 |
| 15 | `#788570` | `oklch(59.93% 0.0345 133.79)` | Winter Hedge | black, 5.3 to 1 |
| 16 | `#7e8a75` | `oklch(61.73% 0.0345 132.17)` | Spanish Green | black, 5.7 to 1 |
| 17 | `#838f7a` | `oklch(63.48% 0.0344 130.72)` | Ginkgo Tree | black, 6.1 to 1 |
| 18 | `#8a957f` | `oklch(65.34% 0.0340 129.31)` | Aloe Tip | black, 6.6 to 1 |
| 19 | `#909a85` | `oklch(67.30% 0.0336 127.92)` | Linden Spear | black, 7.1 to 1 |
| 20 | `#97a08b` | `oklch(69.35% 0.0330 126.56)` | Bitter Sage | black, 7.7 to 1 |
| 21 | `#9ea791` | `oklch(71.45% 0.0322 125.24)` | Irish Paddock | black, 8.3 to 1 |
| 22 | `#a5ad98` | `oklch(73.58% 0.0314 123.96)` | Limestone Green | black, 9 to 1 |
| 23 | `#acb49f` | `oklch(75.71% 0.0305 122.73)` | Gargoyle | black, 9.7 to 1 |
| 24 | `#b3baa5` | `oklch(77.82% 0.0296 121.55)` | Matt Sage | black, 10.5 to 1 |
| 25 | `#bac0ac` | `oklch(79.89% 0.0287 120.42)` | Beryl Green | black, 11.2 to 1 |
| 26 | `#c1c7b3` | `oklch(81.89% 0.0277 119.35)` | Haggis | black, 12 to 1 |
| 27 | `#c8cdb9` | `oklch(83.79% 0.0268 118.35)` | Green Alabaster | black, 12.8 to 1 |
| 28 | `#ced2bf` | `oklch(85.57% 0.0259 117.42)` | Merry Music | black, 13.6 to 1 |
| 29 | `#d3d7c5` | `oklch(87.19% 0.0251 116.57)` | Wine Bottle | black, 14.3 to 1 |
| 30 | `#d8dcca` | `oklch(88.65% 0.0244 115.80)` | Grassy Glade | black, 15 to 1 |
| 31 | `#dde0ce` | `oklch(89.91% 0.0239 115.12)` | Pale Oak Grove | black, 15.6 to 1 |
| 32 | `#e0e3d2` | `oklch(90.94% 0.0234 114.52)` | Pale Green Tea | black, 16.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #34453b 0.0%, #37483d 3.2%, #3a4b40 6.5%, #3d4e43 9.7%, #415246 12.9%, #455649 16.1%, #4a5b4d 19.4%, #4f6051 22.6%, #546555 25.8%, #5a6a59 29.0%, #606f5d 32.3%, #667562 35.5%, #6c7a67 38.7%, #727f6b 41.9%, #788570 45.2%, #7e8a75 48.4%, #838f7a 51.6%, #8a957f 54.8%, #909a85 58.1%, #97a08b 61.3%, #9ea791 64.5%, #a5ad98 67.7%, #acb49f 71.0%, #b3baa5 74.2%, #bac0ac 77.4%, #c1c7b3 80.6%, #c8cdb9 83.9%, #ced2bf 87.1%, #d3d7c5 90.3%, #d8dcca 93.5%, #dde0ce 96.8%, #e0e3d2 100.0%);
background: linear-gradient(90deg in oklch, oklch(37.40% 0.0276 158.91) 0.0%, oklch(38.31% 0.0278 157.89) 3.2%, oklch(39.40% 0.0282 156.63) 6.5%, oklch(40.64% 0.0287 155.16) 9.7%, oklch(42.04% 0.0293 153.51) 12.9%, oklch(43.55% 0.0299 151.70) 16.1%, oklch(45.18% 0.0305 149.78) 19.4%, oklch(46.89% 0.0312 147.77) 22.6%, oklch(48.68% 0.0319 145.70) 25.8%, oklch(50.52% 0.0325 143.61) 29.0%, oklch(52.40% 0.0330 141.52) 32.3%, oklch(54.30% 0.0336 139.46) 35.5%, oklch(56.20% 0.0340 137.46) 38.7%, oklch(58.08% 0.0343 135.56) 41.9%, oklch(59.93% 0.0345 133.79) 45.2%, oklch(61.73% 0.0345 132.17) 48.4%, oklch(63.48% 0.0344 130.72) 51.6%, oklch(65.34% 0.0340 129.31) 54.8%, oklch(67.30% 0.0336 127.92) 58.1%, oklch(69.35% 0.0330 126.56) 61.3%, oklch(71.45% 0.0322 125.24) 64.5%, oklch(73.58% 0.0314 123.96) 67.7%, oklch(75.71% 0.0305 122.73) 71.0%, oklch(77.82% 0.0296 121.55) 74.2%, oklch(79.89% 0.0287 120.42) 77.4%, oklch(81.89% 0.0277 119.35) 80.6%, oklch(83.79% 0.0268 118.35) 83.9%, oklch(85.57% 0.0259 117.42) 87.1%, oklch(87.19% 0.0251 116.57) 90.3%, oklch(88.65% 0.0244 115.80) 93.5%, oklch(89.91% 0.0239 115.12) 96.8%, oklch(90.94% 0.0234 114.52) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.374 | 0.028 | 158.9 |
| 2 | 0.626 | 0.034 | 131.4 |
| 3 | 0.909 | 0.023 | 114.5 |

## In these collections

- [App background gradients](https://grabient.com/app-background-gradients)

## Other forms

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