# Gray linear gradient

Gray linear gradient with 32 colors: #b8c7be, #b3c3ba, #adbdb4, #a6b7ad, #9fafa6, #97a89f, #8fa198, #889b91, #81948a, #798d83, #72867c, #6b8075, #647a6f, #5f746a, #596f64, #53695f, #4e645a, #4a6056, #485d53, #485d52, #4a5f52, #4f6354, #556857, #5c6e5a, #63735d, #6a7860, #707e64, #778368, #7e896d, #858f72, #8a9476, #8e9778. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYzw9y14lAEYLQC6C7_Rg68dQQvm`
- Page: https://grabient.com/kYzw9y14lAEYLQC6C7_Rg68dQQvm?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark center, neutral
- Hues: analogous
- Contrast of its darkest and lightest colors: 4 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 | `#b8c7be` | `oklch(81.50% 0.0207 161.02)` | Antique Patina | black, 11.9 to 1 |
| 2 | `#b3c3ba` | `oklch(80.19% 0.0211 161.11)` | Hearth Frost | black, 11.4 to 1 |
| 3 | `#adbdb4` | `oklch(78.41% 0.0216 161.24)` | Fresh Eucalyptus | black, 10.7 to 1 |
| 4 | `#a6b7ad` | `oklch(76.28% 0.0223 161.39)` | Smokey Slate | black, 9.9 to 1 |
| 5 | `#9fafa6` | `oklch(73.97% 0.0231 161.58)` | Powdered Gum | black, 9.1 to 1 |
| 6 | `#97a89f` | `oklch(71.60% 0.0239 161.79)` | Melville | black, 8.4 to 1 |
| 7 | `#8fa198` | `oklch(69.33% 0.0246 162.02)` | Verdant Retreat | black, 7.7 to 1 |
| 8 | `#889b91` | `oklch(67.15% 0.0255 162.32)` | Iceberg Green | black, 7.1 to 1 |
| 9 | `#81948a` | `oklch(64.85% 0.0264 162.70)` | Zinc Blue | black, 6.5 to 1 |
| 10 | `#798d83` | `oklch(62.51% 0.0274 163.13)` | Salty Sea | black, 5.9 to 1 |
| 11 | `#72867c` | `oklch(60.19% 0.0284 163.55)` | Limerick | black, 5.4 to 1 |
| 12 | `#6b8075` | `oklch(57.96% 0.0293 163.90)` | Island Palm | black, 4.9 to 1 |
| 13 | `#647a6f` | `oklch(55.89% 0.0301 164.14)` | Atlas Cedar Green | white, 4.6 to 1 |
| 14 | `#5f746a` | `oklch(53.95% 0.0306 164.33)` | Cameroon Green | white, 4.9 to 1 |
| 15 | `#596f64` | `oklch(51.91% 0.0308 164.84)` | Balmy Palm Tree | white, 5.4 to 1 |
| 16 | `#53695f` | `oklch(49.88% 0.0308 165.42)` | Green Beret | white, 5.9 to 1 |
| 17 | `#4e645a` | `oklch(48.07% 0.0308 165.75)` | Mineral Green | white, 6.4 to 1 |
| 18 | `#4a6056` | `oklch(46.66% 0.0310 165.51)` | Chalcedony Green | white, 6.8 to 1 |
| 19 | `#485d53` | `oklch(45.82% 0.0313 164.37)` | Cilantro | white, 7 to 1 |
| 20 | `#485d52` | `oklch(45.74% 0.0320 161.99)` | Cilantro | white, 7 to 1 |
| 21 | `#4a5f52` | `oklch(46.49% 0.0331 158.04)` | Vine Leaf | white, 6.8 to 1 |
| 22 | `#4f6354` | `oklch(47.88% 0.0345 152.97)` | Mineral Green | white, 6.4 to 1 |
| 23 | `#556857` | `oklch(49.69% 0.0360 147.35)` | Picholine | white, 5.9 to 1 |
| 24 | `#5c6e5a` | `oklch(51.69% 0.0376 141.75)` | Royal Orchard | white, 5.4 to 1 |
| 25 | `#63735d` | `oklch(53.68% 0.0390 136.74)` | Finlandia | white, 5 to 1 |
| 26 | `#6a7860` | `oklch(55.46% 0.0402 132.87)` | Old Vine | white, 4.6 to 1 |
| 27 | `#707e64` | `oklch(57.32% 0.0413 129.83)` | Limed Ash | black, 4.8 to 1 |
| 28 | `#778368` | `oklch(59.36% 0.0423 127.28)` | Bladed Grass | black, 5.2 to 1 |
| 29 | `#7e896d` | `oklch(61.42% 0.0433 125.16)` | Shebang | black, 5.7 to 1 |
| 30 | `#858f72` | `oklch(63.35% 0.0442 123.42)` | Battleship Green | black, 6.1 to 1 |
| 31 | `#8a9476` | `oklch(64.97% 0.0449 122.00)` | Royal Oakleaf | black, 6.5 to 1 |
| 32 | `#8e9778` | `oklch(66.14% 0.0455 120.86)` | Artichoke | black, 6.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #b8c7be 0.0%, #b3c3ba 3.2%, #adbdb4 6.5%, #a6b7ad 9.7%, #9fafa6 12.9%, #97a89f 16.1%, #8fa198 19.4%, #889b91 22.6%, #81948a 25.8%, #798d83 29.0%, #72867c 32.3%, #6b8075 35.5%, #647a6f 38.7%, #5f746a 41.9%, #596f64 45.2%, #53695f 48.4%, #4e645a 51.6%, #4a6056 54.8%, #485d53 58.1%, #485d52 61.3%, #4a5f52 64.5%, #4f6354 67.7%, #556857 71.0%, #5c6e5a 74.2%, #63735d 77.4%, #6a7860 80.6%, #707e64 83.9%, #778368 87.1%, #7e896d 90.3%, #858f72 93.5%, #8a9476 96.8%, #8e9778 100.0%);
background: linear-gradient(135deg in oklch, oklch(81.50% 0.0207 161.02) 0.0%, oklch(80.19% 0.0211 161.11) 3.2%, oklch(78.41% 0.0216 161.24) 6.5%, oklch(76.28% 0.0223 161.39) 9.7%, oklch(73.97% 0.0231 161.58) 12.9%, oklch(71.60% 0.0239 161.79) 16.1%, oklch(69.33% 0.0246 162.02) 19.4%, oklch(67.15% 0.0255 162.32) 22.6%, oklch(64.85% 0.0264 162.70) 25.8%, oklch(62.51% 0.0274 163.13) 29.0%, oklch(60.19% 0.0284 163.55) 32.3%, oklch(57.96% 0.0293 163.90) 35.5%, oklch(55.89% 0.0301 164.14) 38.7%, oklch(53.95% 0.0306 164.33) 41.9%, oklch(51.91% 0.0308 164.84) 45.2%, oklch(49.88% 0.0308 165.42) 48.4%, oklch(48.07% 0.0308 165.75) 51.6%, oklch(46.66% 0.0310 165.51) 54.8%, oklch(45.82% 0.0313 164.37) 58.1%, oklch(45.74% 0.0320 161.99) 61.3%, oklch(46.49% 0.0331 158.04) 64.5%, oklch(47.88% 0.0345 152.97) 67.7%, oklch(49.69% 0.0360 147.35) 71.0%, oklch(51.69% 0.0376 141.75) 74.2%, oklch(53.68% 0.0390 136.74) 77.4%, oklch(55.46% 0.0402 132.87) 80.6%, oklch(57.32% 0.0413 129.83) 83.9%, oklch(59.36% 0.0423 127.28) 87.1%, oklch(61.42% 0.0433 125.16) 90.3%, oklch(63.35% 0.0442 123.42) 93.5%, oklch(64.97% 0.0449 122.00) 96.8%, oklch(66.14% 0.0455 120.86) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.815 | 0.021 | 161 |
| 2 | 0.689 | 0.025 | 162.1 |
| 3 | 0.551 | 0.03 | 164.2 |
| 4 | 0.457 | 0.032 | 163.1 |
| 5 | 0.551 | 0.04 | 133.5 |
| 6 | 0.661 | 0.045 | 120.9 |

## In these collections

- [Sage](https://grabient.com/sage)
- [Sage swatches](https://grabient.com/sage-swatches)

## Other forms

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