# Gray, teal and tan linear gradient

Gray, teal and tan linear gradient with 32 colors: #a9afad, #a5adab, #a1aaa8, #9ba7a4, #94a4a0, #8ca09d, #849c99, #7c9895, #739492, #6b908f, #638d8c, #5b8989, #548686, #4d8484, #488281, #45827f, #43827d, #44837a, #488577, #4e8773, #568a6f, #618c6c, #6c8f69, #789166, #859365, #919565, #9c9767, #a6996a, #af9a6e, #b69c72, #bc9d76, #c09e79. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kSvgV8R5fB1uXsW`
- Page: https://grabient.com/kSvgV8R5fB1uXsW?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: muted
- Hues: wide
- Contrast of its darkest and lightest colors: 1.9 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 | `#a9afad` | `oklch(74.80% 0.0069 174.37)` | Puritan Grey | black, 9.4 to 1 |
| 2 | `#a5adab` | `oklch(74.07% 0.0091 175.22)` | Silver Screen | black, 9.1 to 1 |
| 3 | `#a1aaa8` | `oklch(73.07% 0.0119 176.65)` | Shiny Armour | black, 8.8 to 1 |
| 4 | `#9ba7a4` | `oklch(71.87% 0.0153 178.54)` | Casting Shadow | black, 8.4 to 1 |
| 5 | `#94a4a0` | `oklch(70.50% 0.0191 180.76)` | Spruce Shade | black, 8 to 1 |
| 6 | `#8ca09d` | `oklch(69.00% 0.0233 183.19)` | Aqua Smoke | black, 7.6 to 1 |
| 7 | `#849c99` | `oklch(67.41% 0.0277 185.72)` | Shaded Hammock | black, 7.2 to 1 |
| 8 | `#7c9895` | `oklch(65.79% 0.0323 188.20)` | Secluded Garden | black, 6.7 to 1 |
| 9 | `#739492` | `oklch(64.16% 0.0370 190.52)` | Pool Tide | black, 6.3 to 1 |
| 10 | `#6b908f` | `oklch(62.58% 0.0416 192.56)` | Mineral Blue | black, 6 to 1 |
| 11 | `#638d8c` | `oklch(61.09% 0.0462 194.18)` | Ebbing Tide | black, 5.6 to 1 |
| 12 | `#5b8989` | `oklch(59.72% 0.0505 195.27)` | Steel Teal | black, 5.3 to 1 |
| 13 | `#548686` | `oklch(58.52% 0.0545 195.70)` | Rainier Blue | black, 5.1 to 1 |
| 14 | `#4d8484` | `oklch(57.54% 0.0581 195.35)` | Rainier Blue | black, 4.9 to 1 |
| 15 | `#488281` | `oklch(56.82% 0.0612 194.09)` | Paradiso | black, 4.8 to 1 |
| 16 | `#45827f` | `oklch(56.39% 0.0637 191.80)` | Emu Egg | black, 4.7 to 1 |
| 17 | `#43827d` | `oklch(56.30% 0.0656 188.30)` | Bubble Turquoise | black, 4.7 to 1 |
| 18 | `#44837a` | `oklch(56.54% 0.0670 183.31)` | Bubble Turquoise | black, 4.7 to 1 |
| 19 | `#488577` | `oklch(57.07% 0.0680 176.97)` | Carlisle | black, 4.8 to 1 |
| 20 | `#4e8773` | `oklch(57.85% 0.0687 169.49)` | Think Leaf | black, 5 to 1 |
| 21 | `#568a6f` | `oklch(58.84% 0.0690 161.09)` | Saltwater Depth | black, 5.2 to 1 |
| 22 | `#618c6c` | `oklch(60.00% 0.0690 151.97)` | Slate Green | black, 5.4 to 1 |
| 23 | `#6c8f69` | `oklch(61.29% 0.0689 142.35)` | Kashmir | black, 5.7 to 1 |
| 24 | `#789166` | `oklch(62.66% 0.0685 132.43)` | Old Bamboo | black, 6 to 1 |
| 25 | `#859365` | `oklch(64.09% 0.0680 122.42)` | Epsom | black, 6.3 to 1 |
| 26 | `#919565` | `oklch(65.52% 0.0674 112.54)` | Green Cast | black, 6.7 to 1 |
| 27 | `#9c9767` | `oklch(66.93% 0.0668 102.99)` | Hiking | black, 7 to 1 |
| 28 | `#a6996a` | `oklch(68.26% 0.0662 93.99)` | Eco Green | black, 7.3 to 1 |
| 29 | `#af9a6e` | `oklch(69.47% 0.0656 85.74)` | Cool Camel | black, 7.6 to 1 |
| 30 | `#b69c72` | `oklch(70.54% 0.0652 78.46)` | Lark | black, 7.9 to 1 |
| 31 | `#bc9d76` | `oklch(71.41% 0.0649 72.36)` | Coriander Powder | black, 8.2 to 1 |
| 32 | `#c09e79` | `oklch(72.05% 0.0648 67.64)` | Tan Plan | black, 8.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #a9afad 0.0%, #a5adab 3.2%, #a1aaa8 6.5%, #9ba7a4 9.7%, #94a4a0 12.9%, #8ca09d 16.1%, #849c99 19.4%, #7c9895 22.6%, #739492 25.8%, #6b908f 29.0%, #638d8c 32.3%, #5b8989 35.5%, #548686 38.7%, #4d8484 41.9%, #488281 45.2%, #45827f 48.4%, #43827d 51.6%, #44837a 54.8%, #488577 58.1%, #4e8773 61.3%, #568a6f 64.5%, #618c6c 67.7%, #6c8f69 71.0%, #789166 74.2%, #859365 77.4%, #919565 80.6%, #9c9767 83.9%, #a6996a 87.1%, #af9a6e 90.3%, #b69c72 93.5%, #bc9d76 96.8%, #c09e79 100.0%);
background: linear-gradient(135deg in oklch, oklch(74.80% 0.0069 174.37) 0.0%, oklch(74.07% 0.0091 175.22) 3.2%, oklch(73.07% 0.0119 176.65) 6.5%, oklch(71.87% 0.0153 178.54) 9.7%, oklch(70.50% 0.0191 180.76) 12.9%, oklch(69.00% 0.0233 183.19) 16.1%, oklch(67.41% 0.0277 185.72) 19.4%, oklch(65.79% 0.0323 188.20) 22.6%, oklch(64.16% 0.0370 190.52) 25.8%, oklch(62.58% 0.0416 192.56) 29.0%, oklch(61.09% 0.0462 194.18) 32.3%, oklch(59.72% 0.0505 195.27) 35.5%, oklch(58.52% 0.0545 195.70) 38.7%, oklch(57.54% 0.0581 195.35) 41.9%, oklch(56.82% 0.0612 194.09) 45.2%, oklch(56.39% 0.0637 191.80) 48.4%, oklch(56.30% 0.0656 188.30) 51.6%, oklch(56.54% 0.0670 183.31) 54.8%, oklch(57.07% 0.0680 176.97) 58.1%, oklch(57.85% 0.0687 169.49) 61.3%, oklch(58.84% 0.0690 161.09) 64.5%, oklch(60.00% 0.0690 151.97) 67.7%, oklch(61.29% 0.0689 142.35) 71.0%, oklch(62.66% 0.0685 132.43) 74.2%, oklch(64.09% 0.0680 122.42) 77.4%, oklch(65.52% 0.0674 112.54) 80.6%, oklch(66.93% 0.0668 102.99) 83.9%, oklch(68.26% 0.0662 93.99) 87.1%, oklch(69.47% 0.0656 85.74) 90.3%, oklch(70.54% 0.0652 78.46) 93.5%, oklch(71.41% 0.0649 72.36) 96.8%, oklch(72.05% 0.0648 67.64) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.748 | 0.007 | 174.4 |
| 2 | 0.563 | 0.065 | 190.2 |
| 3 | 0.72 | 0.065 | 67.6 |

## In these collections

- [Late summer lake haze](https://grabient.com/late-summer-lake-haze)

## Other forms

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