# Gray and brown linear swatches

Gray and brown linear swatches 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.

- Seed: `kUdhutWYm8tsLLo8ED3g`
- Page: https://grabient.com/kUdhutWYm8tsLLo8ED3g?style=linearSwatches&steps=32&angle=45
- Drawn as: linear swatches, 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.000% 3.125%, #4c6071 3.125% 6.250%, #516676 6.250% 9.375%, #596d7c 9.375% 12.500%, #617583 12.500% 15.625%, #697d8b 15.625% 18.750%, #728693 18.750% 21.875%, #7a8e9a 21.875% 25.000%, #8296a1 25.000% 28.125%, #889da6 28.125% 31.250%, #8da3aa 31.250% 34.375%, #90a7ab 34.375% 37.500%, #93abab 37.500% 40.625%, #97ada9 40.625% 43.750%, #9bafa6 43.750% 46.875%, #9fb0a2 46.875% 50.000%, #a5af9e 50.000% 53.125%, #aaad9a 53.125% 56.250%, #aeab97 56.250% 59.375%, #b0a794 59.375% 62.500%, #b1a392 62.500% 65.625%, #b09f8f 65.625% 68.750%, #ac998a 68.750% 71.875%, #a79283 71.875% 75.000%, #a0897b 75.000% 78.125%, #998073 78.125% 81.250%, #907769 81.250% 84.375%, #886f60 84.375% 87.500%, #806657 87.500% 90.625%, #7a5f4f 90.625% 93.750%, #745949 93.750% 96.875%, #705545 96.875% 100.000%);
background: linear-gradient(45deg, oklch(46.46% 0.0372 243.28) 0.000% 3.125%, oklch(47.93% 0.0365 242.21) 3.125% 6.250%, oklch(49.94% 0.0355 241.50) 6.250% 9.375%, oklch(52.36% 0.0344 240.88) 9.375% 12.500%, oklch(55.06% 0.0330 240.13) 12.500% 15.625%, oklch(57.91% 0.0317 238.97) 15.625% 18.750%, oklch(60.79% 0.0303 237.17) 18.750% 21.875%, oklch(63.57% 0.0290 234.48) 21.875% 25.000%, oklch(66.12% 0.0279 230.63) 25.000% 28.125%, oklch(68.32% 0.0269 225.39) 28.125% 31.250%, oklch(70.03% 0.0263 218.51) 31.250% 34.375%, oklch(71.24% 0.0260 209.45) 34.375% 37.500%, oklch(72.24% 0.0259 197.47) 37.500% 40.625%, oklch(73.03% 0.0259 183.17) 40.625% 43.750%, oklch(73.62% 0.0261 167.22) 43.750% 46.875%, oklch(73.99% 0.0265 150.31) 46.875% 50.000%, oklch(74.13% 0.0269 133.11) 50.000% 53.125%, oklch(74.05% 0.0275 116.29) 53.125% 56.250%, oklch(73.73% 0.0282 100.54) 56.250% 59.375%, oklch(73.16% 0.0289 86.54) 59.375% 62.500%, oklch(72.34% 0.0297 74.96) 62.500% 65.625%, oklch(71.24% 0.0306 66.40) 65.625% 68.750%, oklch(69.58% 0.0317 60.25) 68.750% 71.875%, oklch(67.39% 0.0330 55.97) 71.875% 75.000%, oklch(64.81% 0.0345 53.25) 75.000% 78.125%, oklch(61.98% 0.0361 51.77) 78.125% 81.250%, oklch(59.03% 0.0377 51.25) 81.250% 84.375%, oklch(56.09% 0.0393 51.36) 84.375% 87.500%, oklch(53.31% 0.0408 51.79) 87.500% 90.625%, oklch(50.82% 0.0421 52.25) 90.625% 93.750%, oklch(48.75% 0.0433 52.43) 93.750% 96.875%, oklch(47.24% 0.0441 52.01) 96.875% 100.000%);
```

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