# Dusty blue, silver and tan muted palette

Gray to brown linear gradient with 32 colors: #475c6d, #4c6071, #516676, #596d7c, #617583, #697d8b, #728693, #7a8e9a, #8296a1, #889da6, #8da3aa, #90a7ab, #93abab, #97ada9, #9bafa6, #9fb0a2, #a5af9e, #aaad9a, #aeab97, #b0a794, #b1a392, #b09f8f, #ac998a, #a79283, #a0897b, #998073, #907769, #886f60, #806657, #7a5f4f, #745949, #705545. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Gray to brown linear gradient
- Seed: `kUdhutWYm8tsLLo8ED3g`
- Page: https://grabient.com/kUdhutWYm8tsLLo8ED3g?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: neutral
- Hues: complementary
- Contrast of its darkest and lightest colors: 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 | `#475c6d` | `oklch(46.46% 0.0372 243.28)` | Seven Seas | white, 6.9 to 1 |
| 2 | `#4c6071` | `oklch(47.93% 0.0365 242.21)` | English Channel | white, 6.5 to 1 |
| 3 | `#516676` | `oklch(49.94% 0.0355 241.50)` | Prairie Denim | white, 5.9 to 1 |
| 4 | `#596d7c` | `oklch(52.36% 0.0344 240.88)` | Blue Mirage | white, 5.3 to 1 |
| 5 | `#617583` | `oklch(55.06% 0.0330 240.13)` | Freedom Found | white, 4.8 to 1 |
| 6 | `#697d8b` | `oklch(57.91% 0.0317 238.97)` | Lynch | black, 4.9 to 1 |
| 7 | `#728693` | `oklch(60.79% 0.0303 237.17)` | Eastern Bluebird | black, 5.5 to 1 |
| 8 | `#7a8e9a` | `oklch(63.57% 0.0290 234.48)` | Sidewalk Grey | black, 6.1 to 1 |
| 9 | `#8296a1` | `oklch(66.12% 0.0279 230.63)` | Poolhouse | black, 6.8 to 1 |
| 10 | `#889da6` | `oklch(68.32% 0.0269 225.39)` | Lakefront | black, 7.4 to 1 |
| 11 | `#8da3aa` | `oklch(70.03% 0.0263 218.51)` | Impressionist | black, 7.9 to 1 |
| 12 | `#90a7ab` | `oklch(71.24% 0.0260 209.45)` | In the Deep End | black, 8.3 to 1 |
| 13 | `#93abab` | `oklch(72.24% 0.0259 197.47)` | Grey Mist | black, 8.6 to 1 |
| 14 | `#97ada9` | `oklch(73.03% 0.0259 183.17)` | Grey Mist | black, 8.8 to 1 |
| 15 | `#9bafa6` | `oklch(73.62% 0.0261 167.22)` | Lovage Green | black, 9 to 1 |
| 16 | `#9fb0a2` | `oklch(73.99% 0.0265 150.31)` | Powdered Gum | black, 9.2 to 1 |
| 17 | `#a5af9e` | `oklch(74.13% 0.0269 133.11)` | Tranquil Green | black, 9.2 to 1 |
| 18 | `#aaad9a` | `oklch(74.05% 0.0275 116.29)` | Desert Pear | black, 9.1 to 1 |
| 19 | `#aeab97` | `oklch(73.73% 0.0282 100.54)` | Moss Grey | black, 9 to 1 |
| 20 | `#b0a794` | `oklch(73.16% 0.0289 86.54)` | Linseed | black, 8.8 to 1 |
| 21 | `#b1a392` | `oklch(72.34% 0.0297 74.96)` | Tony Taupe | black, 8.5 to 1 |
| 22 | `#b09f8f` | `oklch(71.24% 0.0306 66.40)` | Cuppa Coffee | black, 8.1 to 1 |
| 23 | `#ac998a` | `oklch(69.58% 0.0317 60.25)` | Threshold Taupe | black, 7.6 to 1 |
| 24 | `#a79283` | `oklch(67.39% 0.0330 55.97)` | Delta Sandbar | black, 7 to 1 |
| 25 | `#a0897b` | `oklch(64.81% 0.0345 53.25)` | Cobblestone Path | black, 6.3 to 1 |
| 26 | `#998073` | `oklch(61.98% 0.0361 51.77)` | Frontier Brown | black, 5.7 to 1 |
| 27 | `#907769` | `oklch(59.03% 0.0377 51.25)` | Flight of Fancy | black, 5 to 1 |
| 28 | `#886f60` | `oklch(56.09% 0.0393 51.36)` | Wandering Road | white, 4.6 to 1 |
| 29 | `#806657` | `oklch(53.31% 0.0408 51.79)` | Cocoa Shell | white, 5.2 to 1 |
| 30 | `#7a5f4f` | `oklch(50.82% 0.0421 52.25)` | Caraïbe | white, 5.8 to 1 |
| 31 | `#745949` | `oklch(48.75% 0.0433 52.43)` | Old Porch | white, 6.4 to 1 |
| 32 | `#705545` | `oklch(47.24% 0.0441 52.01)` | Hold Your Horses | white, 6.8 to 1 |

## CSS

```css
background: linear-gradient(45deg, #475c6d 0.0%, #4c6071 3.2%, #516676 6.5%, #596d7c 9.7%, #617583 12.9%, #697d8b 16.1%, #728693 19.4%, #7a8e9a 22.6%, #8296a1 25.8%, #889da6 29.0%, #8da3aa 32.3%, #90a7ab 35.5%, #93abab 38.7%, #97ada9 41.9%, #9bafa6 45.2%, #9fb0a2 48.4%, #a5af9e 51.6%, #aaad9a 54.8%, #aeab97 58.1%, #b0a794 61.3%, #b1a392 64.5%, #b09f8f 67.7%, #ac998a 71.0%, #a79283 74.2%, #a0897b 77.4%, #998073 80.6%, #907769 83.9%, #886f60 87.1%, #806657 90.3%, #7a5f4f 93.5%, #745949 96.8%, #705545 100.0%);
background: linear-gradient(45deg in oklch, oklch(46.46% 0.0372 243.28) 0.0%, oklch(47.93% 0.0365 242.21) 3.2%, oklch(49.94% 0.0355 241.50) 6.5%, oklch(52.36% 0.0344 240.88) 9.7%, oklch(55.06% 0.0330 240.13) 12.9%, oklch(57.91% 0.0317 238.97) 16.1%, oklch(60.79% 0.0303 237.17) 19.4%, oklch(63.57% 0.0290 234.48) 22.6%, oklch(66.12% 0.0279 230.63) 25.8%, oklch(68.32% 0.0269 225.39) 29.0%, oklch(70.03% 0.0263 218.51) 32.3%, oklch(71.24% 0.0260 209.45) 35.5%, oklch(72.24% 0.0259 197.47) 38.7%, oklch(73.03% 0.0259 183.17) 41.9%, oklch(73.62% 0.0261 167.22) 45.2%, oklch(73.99% 0.0265 150.31) 48.4%, oklch(74.13% 0.0269 133.11) 51.6%, oklch(74.05% 0.0275 116.29) 54.8%, oklch(73.73% 0.0282 100.54) 58.1%, oklch(73.16% 0.0289 86.54) 61.3%, oklch(72.34% 0.0297 74.96) 64.5%, oklch(71.24% 0.0306 66.40) 67.7%, oklch(69.58% 0.0317 60.25) 71.0%, oklch(67.39% 0.0330 55.97) 74.2%, oklch(64.81% 0.0345 53.25) 77.4%, oklch(61.98% 0.0361 51.77) 80.6%, oklch(59.03% 0.0377 51.25) 83.9%, oklch(56.09% 0.0393 51.36) 87.1%, oklch(53.31% 0.0408 51.79) 90.3%, oklch(50.82% 0.0421 52.25) 93.5%, oklch(48.75% 0.0433 52.43) 96.8%, oklch(47.24% 0.0441 52.01) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.465 | 0.037 | 243.3 |
| 2 | 0.705 | 0.026 | 215.8 |
| 3 | 0.717 | 0.03 | 68.9 |
| 4 | 0.472 | 0.044 | 52 |

## In these collections

- [Muted gradients](https://grabient.com/muted-gradients)

## Other forms

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