# Faded teal rust diagonal

Gray, teal, green and brown linear gradient with 48 colors: #d4bcc6, #d1bcc8, #cdbccb, #c8bdcd, #c3bdcf, #bdbece, #b8bfcc, #b4bec9, #b0bdc4, #acbbbf, #a9b9b9, #a4b5b3, #9eb1ac, #96aba4, #8ba49a, #7f9c8f, #719384, #618a79, #51816e, #417965, #30715c, #1f6b53, #0f654b, #066143, #105f3b, #215e31, #335d25, #455c18, #575c0c, #685b06, #775c10, #845d1f, #8e5f2e, #97623c, #9e6647, #a36a4f, #a66f53, #a97656, #ab7e58, #ab865c, #a99061, #a69969, #a1a273, #9daa80, #99b18c, #97b798, #96bba2, #96bea9. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Gray, teal, green and brown linear gradient
- Seed: `kW0Bb53werzciPZKHjJ4ZNNg`
- Page: https://grabient.com/kW0Bb53werzciPZKHjJ4ZNNg?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: dark center
- Hues: wide
- Contrast of its darkest and lightest colors: 4.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 | `#d4bcc6` | `oklch(81.89% 0.0303 350.86)` | Queen’s Tart | black, 11.8 to 1 |
| 2 | `#d1bcc8` | `oklch(81.62% 0.0296 341.94)` | Queen’s Tart | black, 11.7 to 1 |
| 3 | `#cdbccb` | `oklch(81.39% 0.0282 330.07)` | Antique Heather | black, 11.6 to 1 |
| 4 | `#c8bdcd` | `oklch(81.17% 0.0265 315.82)` | My Mona | black, 11.5 to 1 |
| 5 | `#c3bdcf` | `oklch(80.93% 0.0246 299.80)` | Gentleman’s Suit | black, 11.5 to 1 |
| 6 | `#bdbece` | `oklch(80.64% 0.0226 282.60)` | Gentleman’s Suit | black, 11.4 to 1 |
| 7 | `#b8bfcc` | `oklch(80.26% 0.0207 264.81)` | Mistral | black, 11.3 to 1 |
| 8 | `#b4bec9` | `oklch(79.76% 0.0191 247.02)` | Stainless Steel | black, 11.1 to 1 |
| 9 | `#b0bdc4` | `oklch(79.12% 0.0180 229.82)` | Stormy | black, 10.9 to 1 |
| 10 | `#acbbbf` | `oklch(78.29% 0.0175 213.81)` | Blue Heather | black, 10.6 to 1 |
| 11 | `#a9b9b9` | `oklch(77.24% 0.0177 199.57)` | Lagoon Reflection | black, 10.2 to 1 |
| 12 | `#a4b5b3` | `oklch(75.95% 0.0190 187.71)` | Holly Glen | black, 9.8 to 1 |
| 13 | `#9eb1ac` | `oklch(74.37% 0.0214 178.79)` | Garden Vista | black, 9.3 to 1 |
| 14 | `#96aba4` | `oklch(72.25% 0.0254 172.69)` | Halcyon Green | black, 8.6 to 1 |
| 15 | `#8ba49a` | `oklch(69.61% 0.0307 168.88)` | Morning Blue | black, 7.8 to 1 |
| 16 | `#7f9c8f` | `oklch(66.57% 0.0372 166.91)` | Seiji Green | black, 7 to 1 |
| 17 | `#719384` | `oklch(63.27% 0.0445 166.33)` | Hawkesbury | black, 6.2 to 1 |
| 18 | `#618a79` | `oklch(59.83% 0.0523 166.69)` | Sea Monster | black, 5.4 to 1 |
| 19 | `#51816e` | `oklch(56.40% 0.0603 167.53)` | Park Bench | black, 4.7 to 1 |
| 20 | `#417965` | `oklch(53.09% 0.0681 168.40)` | Fir | white, 5 to 1 |
| 21 | `#30715c` | `oklch(50.04% 0.0755 168.86)` | Nordic Forest | white, 5.7 to 1 |
| 22 | `#1f6b53` | `oklch(47.38% 0.0822 168.44)` | Sparkling Emerald | white, 6.4 to 1 |
| 23 | `#0f654b` | `oklch(45.24% 0.0879 166.71)` | Green Paw Paw | white, 7 to 1 |
| 24 | `#066143` | `oklch(43.76% 0.0922 163.20)` | Aotake Bamboo | white, 7.4 to 1 |
| 25 | `#105f3b` | `oklch(43.03% 0.0949 157.42)` | Spruce | white, 7.7 to 1 |
| 26 | `#215e31` | `oklch(42.94% 0.0965 149.01)` | Derbyshire | white, 7.7 to 1 |
| 27 | `#335d25` | `oklch(43.36% 0.0972 138.48)` | Bright Nori | white, 7.6 to 1 |
| 28 | `#455c18` | `oklch(44.24% 0.0972 126.41)` | Kyuri Green | white, 7.4 to 1 |
| 29 | `#575c0c` | `oklch(45.49% 0.0965 113.42)` | Greensboro | white, 7.1 to 1 |
| 30 | `#685b06` | `oklch(47.03% 0.0952 100.09)` | Brussels Sprout Green | white, 6.7 to 1 |
| 31 | `#775c10` | `oklch(48.78% 0.0936 87.02)` | Hot Mustard | white, 6.3 to 1 |
| 32 | `#845d1f` | `oklch(50.66% 0.0916 74.83)` | Sleek Otter | white, 5.9 to 1 |
| 33 | `#8e5f2e` | `oklch(52.59% 0.0894 64.09)` | Rusty Coin | white, 5.4 to 1 |
| 34 | `#97623c` | `oklch(54.49% 0.0872 55.41)` | Ash Brown | white, 5 to 1 |
| 35 | `#9e6647` | `oklch(56.29% 0.0851 49.39)` | Argan Oil | white, 4.7 to 1 |
| 36 | `#a36a4f` | `oklch(57.90% 0.0831 46.63)` | Hot Cacao | black, 4.7 to 1 |
| 37 | `#a66f53` | `oklch(59.38% 0.0812 47.67)` | Orange Flambe | black, 5 to 1 |
| 38 | `#a97656` | `oklch(61.01% 0.0789 52.39)` | New England Roast | black, 5.4 to 1 |
| 39 | `#ab7e58` | `oklch(62.74% 0.0763 60.15)` | Roman Brick | black, 5.8 to 1 |
| 40 | `#ab865c` | `oklch(64.55% 0.0734 70.31)` | Bread Basket | black, 6.3 to 1 |
| 41 | `#a99061` | `oklch(66.39% 0.0703 82.24)` | Fossil Butte | black, 6.8 to 1 |
| 42 | `#a69969` | `oklch(68.23% 0.0672 95.29)` | Eco Green | black, 7.3 to 1 |
| 43 | `#a1a273` | `oklch(70.01% 0.0641 108.85)` | Dill Powder | black, 7.9 to 1 |
| 44 | `#9daa80` | `oklch(71.71% 0.0612 122.25)` | Nurturing | black, 8.5 to 1 |
| 45 | `#99b18c` | `oklch(73.27% 0.0584 134.88)` | Venetian Glass | black, 9 to 1 |
| 46 | `#97b798` | `oklch(74.66% 0.0560 146.09)` | Brookview | black, 9.5 to 1 |
| 47 | `#96bba2` | `oklch(75.84% 0.0539 155.24)` | Greyed Jade | black, 9.9 to 1 |
| 48 | `#96bea9` | `oklch(76.77% 0.0524 161.70)` | Scenic View | black, 10.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #d4bcc6 0.0%, #d1bcc8 2.1%, #cdbccb 4.3%, #c8bdcd 6.4%, #c3bdcf 8.5%, #bdbece 10.6%, #b8bfcc 12.8%, #b4bec9 14.9%, #b0bdc4 17.0%, #acbbbf 19.1%, #a9b9b9 21.3%, #a4b5b3 23.4%, #9eb1ac 25.5%, #96aba4 27.7%, #8ba49a 29.8%, #7f9c8f 31.9%, #719384 34.0%, #618a79 36.2%, #51816e 38.3%, #417965 40.4%, #30715c 42.6%, #1f6b53 44.7%, #0f654b 46.8%, #066143 48.9%, #105f3b 51.1%, #215e31 53.2%, #335d25 55.3%, #455c18 57.4%, #575c0c 59.6%, #685b06 61.7%, #775c10 63.8%, #845d1f 66.0%, #8e5f2e 68.1%, #97623c 70.2%, #9e6647 72.3%, #a36a4f 74.5%, #a66f53 76.6%, #a97656 78.7%, #ab7e58 80.9%, #ab865c 83.0%, #a99061 85.1%, #a69969 87.2%, #a1a273 89.4%, #9daa80 91.5%, #99b18c 93.6%, #97b798 95.7%, #96bba2 97.9%, #96bea9 100.0%);
background: linear-gradient(135deg in oklch, oklch(81.89% 0.0303 350.86) 0.0%, oklch(81.62% 0.0296 341.94) 2.1%, oklch(81.39% 0.0282 330.07) 4.3%, oklch(81.17% 0.0265 315.82) 6.4%, oklch(80.93% 0.0246 299.80) 8.5%, oklch(80.64% 0.0226 282.60) 10.6%, oklch(80.26% 0.0207 264.81) 12.8%, oklch(79.76% 0.0191 247.02) 14.9%, oklch(79.12% 0.0180 229.82) 17.0%, oklch(78.29% 0.0175 213.81) 19.1%, oklch(77.24% 0.0177 199.57) 21.3%, oklch(75.95% 0.0190 187.71) 23.4%, oklch(74.37% 0.0214 178.79) 25.5%, oklch(72.25% 0.0254 172.69) 27.7%, oklch(69.61% 0.0307 168.88) 29.8%, oklch(66.57% 0.0372 166.91) 31.9%, oklch(63.27% 0.0445 166.33) 34.0%, oklch(59.83% 0.0523 166.69) 36.2%, oklch(56.40% 0.0603 167.53) 38.3%, oklch(53.09% 0.0681 168.40) 40.4%, oklch(50.04% 0.0755 168.86) 42.6%, oklch(47.38% 0.0822 168.44) 44.7%, oklch(45.24% 0.0879 166.71) 46.8%, oklch(43.76% 0.0922 163.20) 48.9%, oklch(43.03% 0.0949 157.42) 51.1%, oklch(42.94% 0.0965 149.01) 53.2%, oklch(43.36% 0.0972 138.48) 55.3%, oklch(44.24% 0.0972 126.41) 57.4%, oklch(45.49% 0.0965 113.42) 59.6%, oklch(47.03% 0.0952 100.09) 61.7%, oklch(48.78% 0.0936 87.02) 63.8%, oklch(50.66% 0.0916 74.83) 66.0%, oklch(52.59% 0.0894 64.09) 68.1%, oklch(54.49% 0.0872 55.41) 70.2%, oklch(56.29% 0.0851 49.39) 72.3%, oklch(57.90% 0.0831 46.63) 74.5%, oklch(59.38% 0.0812 47.67) 76.6%, oklch(61.01% 0.0789 52.39) 78.7%, oklch(62.74% 0.0763 60.15) 80.9%, oklch(64.55% 0.0734 70.31) 83.0%, oklch(66.39% 0.0703 82.24) 85.1%, oklch(68.23% 0.0672 95.29) 87.2%, oklch(70.01% 0.0641 108.85) 89.4%, oklch(71.71% 0.0612 122.25) 91.5%, oklch(73.27% 0.0584 134.88) 93.6%, oklch(74.66% 0.0560 146.09) 95.7%, oklch(75.84% 0.0539 155.24) 97.9%, oklch(76.77% 0.0524 161.70) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.819 | 0.03 | 350.9 |
| 2 | 0.748 | 0.021 | 180.7 |
| 3 | 0.433 | 0.094 | 160.6 |
| 4 | 0.583 | 0.083 | 46.5 |
| 5 | 0.768 | 0.052 | 161.7 |

## In these collections

- [Weathered garden gradients](https://grabient.com/weathered-garden-gradients)

## Other forms

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