# Slate into Wheat Light

Gray to tan linear gradient with 32 colors: #738a94, #768d96, #799199, #7e969c, #849c9f, #8aa2a2, #90a8a6, #96ada8, #9bb2ab, #a0b7ac, #a6bbae, #adc0af, #b4c4af, #bac7b0, #c1cab0, #c7ccaf, #ccceae, #d1cfad, #d4d0ab, #d8d1a9, #dad0a6, #dcd0a3, #decfa0, #dfcd9c, #decb99, #ddc895, #dac491, #d7bf8d, #d3bb88, #d0b784, #cdb481, #cbb17f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Gray to tan linear gradient
- Seed: `kWnRaiXgo52qPOHsGL1Yhq_I`
- Page: https://grabient.com/kWnRaiXgo52qPOHsGL1Yhq_I?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: pastel, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.3 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 | `#738a94` | `oklch(61.81% 0.0303 227.81)` | Bluish Grey | black, 5.7 to 1 |
| 2 | `#768d96` | `oklch(62.81% 0.0300 223.75)` | Shaker Blue | black, 6 to 1 |
| 3 | `#799199` | `oklch(64.15% 0.0294 218.41)` | Silent Tide | black, 6.3 to 1 |
| 4 | `#7e969c` | `oklch(65.76% 0.0287 212.07)` | Kingfisher Grey | black, 6.7 to 1 |
| 5 | `#849c9f` | `oklch(67.53% 0.0280 204.96)` | North Beach Blue | black, 7.2 to 1 |
| 6 | `#8aa2a2` | `oklch(69.36% 0.0274 197.37)` | October Sky | black, 7.7 to 1 |
| 7 | `#90a8a6` | `oklch(71.18% 0.0271 189.53)` | In the Deep End | black, 8.3 to 1 |
| 8 | `#96ada8` | `oklch(72.88% 0.0272 181.72)` | Grey Mist | black, 8.8 to 1 |
| 9 | `#9bb2ab` | `oklch(74.37% 0.0277 174.14)` | Tiamo | black, 9.3 to 1 |
| 10 | `#a0b7ac` | `oklch(75.83% 0.0287 166.01)` | Pistachio Ice Cream | black, 9.8 to 1 |
| 11 | `#a6bbae` | `oklch(77.31% 0.0300 157.24)` | Silt Green | black, 10.3 to 1 |
| 12 | `#adc0af` | `oklch(78.75% 0.0315 148.16)` | Young Gecko | black, 10.9 to 1 |
| 13 | `#b4c4af` | `oklch(80.13% 0.0333 139.11)` | Zanah | black, 11.4 to 1 |
| 14 | `#bac7b0` | `oklch(81.41% 0.0354 130.44)` | Composed | black, 11.9 to 1 |
| 15 | `#c1cab0` | `oklch(82.53% 0.0376 122.48)` | Green Dragon Spring | black, 12.3 to 1 |
| 16 | `#c7ccaf` | `oklch(83.47% 0.0401 115.58)` | Growing Season | black, 12.7 to 1 |
| 17 | `#ccceae` | `oklch(84.20% 0.0427 110.00)` | Longbeard Grey | black, 13 to 1 |
| 18 | `#d1cfad` | `oklch(84.77% 0.0459 105.50)` | Crystal Palace | black, 13.2 to 1 |
| 19 | `#d4d0ab` | `oklch(85.20% 0.0496 101.86)` | Crystal Palace | black, 13.4 to 1 |
| 20 | `#d8d1a9` | `oklch(85.49% 0.0535 98.92)` | Capital Grains | black, 13.5 to 1 |
| 21 | `#dad0a6` | `oklch(85.63% 0.0574 96.52)` | Capital Grains | black, 13.6 to 1 |
| 22 | `#dcd0a3` | `oklch(85.62% 0.0611 94.49)` | Summer Solstice | black, 13.5 to 1 |
| 23 | `#decfa0` | `oklch(85.46% 0.0643 92.67)` | Lunar Lander | black, 13.5 to 1 |
| 24 | `#dfcd9c` | `oklch(85.14% 0.0670 90.89)` | Lunar Lander | black, 13.3 to 1 |
| 25 | `#decb99` | `oklch(84.60% 0.0689 89.17)` | Desert Temple | black, 13.1 to 1 |
| 26 | `#ddc895` | `oklch(83.72% 0.0703 87.81)` | Pale Moss | black, 12.7 to 1 |
| 27 | `#dac491` | `oklch(82.59% 0.0712 86.76)` | Chamomile Tea | black, 12.2 to 1 |
| 28 | `#d7bf8d` | `oklch(81.34% 0.0719 85.96)` | Honey Tea | black, 11.7 to 1 |
| 29 | `#d3bb88` | `oklch(80.06% 0.0722 85.36)` | Independent Gold | black, 11.2 to 1 |
| 30 | `#d0b784` | `oklch(78.86% 0.0725 84.89)` | Clumsy Caramel | black, 10.7 to 1 |
| 31 | `#cdb481` | `oklch(77.86% 0.0727 84.49)` | Tweed Jacket | black, 10.4 to 1 |
| 32 | `#cbb17f` | `oklch(77.17% 0.0730 84.09)` | Roasted Pistachio | black, 10.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #738a94 0.0%, #768d96 3.2%, #799199 6.5%, #7e969c 9.7%, #849c9f 12.9%, #8aa2a2 16.1%, #90a8a6 19.4%, #96ada8 22.6%, #9bb2ab 25.8%, #a0b7ac 29.0%, #a6bbae 32.3%, #adc0af 35.5%, #b4c4af 38.7%, #bac7b0 41.9%, #c1cab0 45.2%, #c7ccaf 48.4%, #ccceae 51.6%, #d1cfad 54.8%, #d4d0ab 58.1%, #d8d1a9 61.3%, #dad0a6 64.5%, #dcd0a3 67.7%, #decfa0 71.0%, #dfcd9c 74.2%, #decb99 77.4%, #ddc895 80.6%, #dac491 83.9%, #d7bf8d 87.1%, #d3bb88 90.3%, #d0b784 93.5%, #cdb481 96.8%, #cbb17f 100.0%);
background: linear-gradient(90deg in oklch, oklch(61.81% 0.0303 227.81) 0.0%, oklch(62.81% 0.0300 223.75) 3.2%, oklch(64.15% 0.0294 218.41) 6.5%, oklch(65.76% 0.0287 212.07) 9.7%, oklch(67.53% 0.0280 204.96) 12.9%, oklch(69.36% 0.0274 197.37) 16.1%, oklch(71.18% 0.0271 189.53) 19.4%, oklch(72.88% 0.0272 181.72) 22.6%, oklch(74.37% 0.0277 174.14) 25.8%, oklch(75.83% 0.0287 166.01) 29.0%, oklch(77.31% 0.0300 157.24) 32.3%, oklch(78.75% 0.0315 148.16) 35.5%, oklch(80.13% 0.0333 139.11) 38.7%, oklch(81.41% 0.0354 130.44) 41.9%, oklch(82.53% 0.0376 122.48) 45.2%, oklch(83.47% 0.0401 115.58) 48.4%, oklch(84.20% 0.0427 110.00) 51.6%, oklch(84.77% 0.0459 105.50) 54.8%, oklch(85.20% 0.0496 101.86) 58.1%, oklch(85.49% 0.0535 98.92) 61.3%, oklch(85.63% 0.0574 96.52) 64.5%, oklch(85.62% 0.0611 94.49) 67.7%, oklch(85.46% 0.0643 92.67) 71.0%, oklch(85.14% 0.0670 90.89) 74.2%, oklch(84.60% 0.0689 89.17) 77.4%, oklch(83.72% 0.0703 87.81) 80.6%, oklch(82.59% 0.0712 86.76) 83.9%, oklch(81.34% 0.0719 85.96) 87.1%, oklch(80.06% 0.0722 85.36) 90.3%, oklch(78.86% 0.0725 84.89) 93.5%, oklch(77.86% 0.0727 84.49) 96.8%, oklch(77.17% 0.0730 84.09) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.618 | 0.03 | 227.8 |
| 2 | 0.74 | 0.028 | 176 |
| 3 | 0.839 | 0.041 | 112.6 |
| 4 | 0.85 | 0.068 | 90.4 |
| 5 | 0.772 | 0.073 | 84.1 |

## In these collections

- [Burnished beech canopy](https://grabient.com/burnished-beech-canopy)

## Other forms

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