# Brown, gray, black and light green linear gradient

Brown, gray, black and light green linear gradient with 32 colors: #c38555, #c68b5a, #cd9464, #d69e70, #dea97c, #e3b386, #e3ba8c, #dcbc8c, #cbb888, #acaa7d, #849470, #5c7862, #3a5a52, #223e40, #14262e, #0d1721, #0c111b, #11111d, #191623, #261e2d, #362939, #493546, #5d4251, #6f4d58, #80585b, #91665c, #a0785d, #aa8c61, #aea16b, #acb57b, #a7c68e, #a3d3a0. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWqkgp5RlDJeI1E8Ekw6B_Qo`
- Page: https://grabient.com/kWqkgp5RlDJeI1E8Ekw6B_Qo?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: dark center, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 11.1 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 | `#c38555` | `oklch(66.93% 0.0992 58.36)` | Mulling Spice | black, 6.8 to 1 |
| 2 | `#c68b5a` | `oklch(68.47% 0.0969 59.51)` | Espresso Tonic | black, 7.2 to 1 |
| 3 | `#cd9464` | `oklch(71.10% 0.0939 59.92)` | Santa Fe Sunrise | black, 8 to 1 |
| 4 | `#d69e70` | `oklch(74.27% 0.0904 60.35)` | Caramelo Dulce | black, 9 to 1 |
| 5 | `#dea97c` | `oklch(77.42% 0.0864 61.55)` | Thai Ice Tea | black, 10 to 1 |
| 6 | `#e3b386` | `oklch(79.98% 0.0820 64.28)` | Soft Skills | black, 11 to 1 |
| 7 | `#e3ba8c` | `oklch(81.42% 0.0774 69.29)` | Desert Dust | black, 11.6 to 1 |
| 8 | `#dcbc8c` | `oklch(81.16% 0.0726 77.34)` | Cupola Yellow | black, 11.6 to 1 |
| 9 | `#cbb888` | `oklch(78.63% 0.0676 89.24)` | Canvas Satchel | black, 10.7 to 1 |
| 10 | `#acaa7d` | `oklch(72.88% 0.0616 106.15)` | Thimbleberry Leaf | black, 8.8 to 1 |
| 11 | `#849470` | `oklch(64.51% 0.0547 127.31)` | Old Green | black, 6.4 to 1 |
| 12 | `#5c7862` | `oklch(54.56% 0.0472 151.34)` | Swanndri | white, 4.8 to 1 |
| 13 | `#3a5a52` | `oklch(44.08% 0.0399 176.86)` | Iridescent | white, 7.5 to 1 |
| 14 | `#223e40` | `oklch(34.14% 0.0333 202.50)` | Sunken Cascades | white, 11.5 to 1 |
| 15 | `#14262e` | `oklch(25.78% 0.0279 226.88)` | Black Box | white, 15.5 to 1 |
| 16 | `#0d1721` | `oklch(20.05% 0.0244 248.63)` | Creeping Death | white, 18 to 1 |
| 17 | `#0c111b` | `oklch(17.81% 0.0231 266.63)` | Midnight Edition | white, 18.8 to 1 |
| 18 | `#11111d` | `oklch(18.33% 0.0238 281.88)` | Corbeau | white, 18.7 to 1 |
| 19 | `#191623` | `oklch(20.92% 0.0262 295.24)` | River Styx | white, 17.8 to 1 |
| 20 | `#261e2d` | `oklch(25.06% 0.0298 307.39)` | Black Howl | white, 16.1 to 1 |
| 21 | `#362939` | `oklch(30.19% 0.0342 319.04)` | Obsidian Red | white, 13.7 to 1 |
| 22 | `#493546` | `oklch(35.78% 0.0391 330.85)` | Red Onion | white, 11.1 to 1 |
| 23 | `#5d4251` | `oklch(41.29% 0.0440 343.53)` | Majestic | white, 8.9 to 1 |
| 24 | `#6f4d58` | `oklch(46.18% 0.0486 357.77)` | Plum Wine | white, 7.2 to 1 |
| 25 | `#80585b` | `oklch(50.51% 0.0529 14.45)` | Alaea | white, 6 to 1 |
| 26 | `#91665c` | `oklch(55.35% 0.0580 33.84)` | Cloak of Mystery | white, 4.9 to 1 |
| 27 | `#a0785d` | `oklch(60.51% 0.0635 54.84)` | Walking Stick | black, 5.3 to 1 |
| 28 | `#aa8c61` | `oklch(65.72% 0.0691 76.27)` | Iced Coffee | black, 6.6 to 1 |
| 29 | `#aea16b` | `oklch(70.73% 0.0746 96.99)` | Autumn Sage | black, 8.1 to 1 |
| 30 | `#acb57b` | `oklch(75.26% 0.0796 115.83)` | Timothy Grass | black, 9.6 to 1 |
| 31 | `#a7c68e` | `oklch(79.07% 0.0838 131.63)` | Cos | black, 11.1 to 1 |
| 32 | `#a3d3a0` | `oklch(81.89% 0.0868 143.25)` | Relaxation Green | black, 12.3 to 1 |

## CSS

```css
background: linear-gradient(225deg, #c38555 0.0%, #c68b5a 3.2%, #cd9464 6.5%, #d69e70 9.7%, #dea97c 12.9%, #e3b386 16.1%, #e3ba8c 19.4%, #dcbc8c 22.6%, #cbb888 25.8%, #acaa7d 29.0%, #849470 32.3%, #5c7862 35.5%, #3a5a52 38.7%, #223e40 41.9%, #14262e 45.2%, #0d1721 48.4%, #0c111b 51.6%, #11111d 54.8%, #191623 58.1%, #261e2d 61.3%, #362939 64.5%, #493546 67.7%, #5d4251 71.0%, #6f4d58 74.2%, #80585b 77.4%, #91665c 80.6%, #a0785d 83.9%, #aa8c61 87.1%, #aea16b 90.3%, #acb57b 93.5%, #a7c68e 96.8%, #a3d3a0 100.0%);
background: linear-gradient(225deg in oklch, oklch(66.93% 0.0992 58.36) 0.0%, oklch(68.47% 0.0969 59.51) 3.2%, oklch(71.10% 0.0939 59.92) 6.5%, oklch(74.27% 0.0904 60.35) 9.7%, oklch(77.42% 0.0864 61.55) 12.9%, oklch(79.98% 0.0820 64.28) 16.1%, oklch(81.42% 0.0774 69.29) 19.4%, oklch(81.16% 0.0726 77.34) 22.6%, oklch(78.63% 0.0676 89.24) 25.8%, oklch(72.88% 0.0616 106.15) 29.0%, oklch(64.51% 0.0547 127.31) 32.3%, oklch(54.56% 0.0472 151.34) 35.5%, oklch(44.08% 0.0399 176.86) 38.7%, oklch(34.14% 0.0333 202.50) 41.9%, oklch(25.78% 0.0279 226.88) 45.2%, oklch(20.05% 0.0244 248.63) 48.4%, oklch(17.81% 0.0231 266.63) 51.6%, oklch(18.33% 0.0238 281.88) 54.8%, oklch(20.92% 0.0262 295.24) 58.1%, oklch(25.06% 0.0298 307.39) 61.3%, oklch(30.19% 0.0342 319.04) 64.5%, oklch(35.78% 0.0391 330.85) 67.7%, oklch(41.29% 0.0440 343.53) 71.0%, oklch(46.18% 0.0486 357.77) 74.2%, oklch(50.51% 0.0529 14.45) 77.4%, oklch(55.35% 0.0580 33.84) 80.6%, oklch(60.51% 0.0635 54.84) 83.9%, oklch(65.72% 0.0691 76.27) 87.1%, oklch(70.73% 0.0746 96.99) 90.3%, oklch(75.26% 0.0796 115.83) 93.5%, oklch(79.07% 0.0838 131.63) 96.8%, oklch(81.89% 0.0868 143.25) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.669 | 0.099 | 58.4 |
| 2 | 0.795 | 0.069 | 85.8 |
| 3 | 0.185 | 0.023 | 258.1 |
| 4 | 0.472 | 0.05 | 361.6 |
| 5 | 0.819 | 0.087 | 503.3 |

## Other forms

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