# Analogous brown, black and pink linear gradient

Analogous brown, black and pink linear gradient with 7 colors: #b35e38, #7c4332, #452b26, #281c1b, #2b2222, #826762, #e7b8a4. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUklkfKI8-aGFPnoFsLg`
- Page: https://grabient.com/kUklkfKI8-aGFPnoFsLg
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: dark center, muted, dark, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 9.2 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 | `#b35e38` | `oklch(57.48% 0.1226 43.59)` | Gold Varnish Brown | white, 4.5 to 1 |
| 2 | `#7c4332` | `oklch(45.03% 0.0837 38.05)` | Peanut | white, 7.7 to 1 |
| 3 | `#452b26` | `oklch(31.89% 0.0413 30.91)` | Morocco Brown | white, 12.9 to 1 |
| 4 | `#281c1b` | `oklch(24.06% 0.0195 22.19)` | Dark Orchestra | white, 16.5 to 1 |
| 5 | `#2b2222` | `oklch(26.38% 0.0138 18.23)` | Gold Black | white, 15.4 to 1 |
| 6 | `#826762` | `oklch(53.79% 0.0362 30.12)` | Pharlap | white, 5.1 to 1 |
| 7 | `#e7b8a4` | `oklch(81.89% 0.0620 43.59)` | Pink Abalone | black, 11.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #b35e38 0.0%, #7c4332 16.7%, #452b26 33.3%, #281c1b 50.0%, #2b2222 66.7%, #826762 83.3%, #e7b8a4 100.0%);
background: linear-gradient(90deg in oklch, oklch(57.48% 0.1226 43.59) 0.0%, oklch(45.03% 0.0837 38.05) 16.7%, oklch(31.89% 0.0413 30.91) 33.3%, oklch(24.06% 0.0195 22.19) 50.0%, oklch(26.38% 0.0138 18.23) 66.7%, oklch(53.79% 0.0362 30.12) 83.3%, oklch(81.89% 0.0620 43.59) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.575 | 0.123 | 43.6 |
| 2 | 0.319 | 0.041 | 30.9 |
| 3 | 0.264 | 0.014 | 18.2 |
| 4 | 0.819 | 0.062 | 43.6 |

## In these collections

- [Copper](https://grabient.com/copper)
- [Plum orchard harvest](https://grabient.com/plum-orchard-harvest)
- [Paper lantern dusk](https://grabient.com/paper-lantern-dusk)
- [Alpine harvest embroidery](https://grabient.com/alpine-harvest-embroidery)

## Other forms

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