# Analogous brown and peach linear gradient

Analogous brown and peach linear gradient with 7 colors: #3a1712, #782c1c, #c35530, #ed995d, #fccb9c, #df8048, #8f371e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kaQSkVsyhAUo2wJgLkHbx5BNgyPg6Lb5g`
- Page: https://grabient.com/kaQSkVsyhAUo2wJgLkHbx5BNgyPg6Lb5g
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: light center, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 10.8 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 | `#3a1712` | `oklch(25.59% 0.0565 30.23)` | Dark Sienna | white, 16 to 1 |
| 2 | `#782c1c` | `oklch(40.16% 0.1102 33.40)` | Corrosion Red | white, 9.6 to 1 |
| 3 | `#c35530` | `oklch(58.27% 0.1502 38.69)` | Raucous Orange | black, 4.6 to 1 |
| 4 | `#ed995d` | `oklch(75.59% 0.1268 54.54)` | Ridgeback | black, 9.3 to 1 |
| 5 | `#fccb9c` | `oklch(87.40% 0.0827 65.11)` | Apricot Sherbet | black, 14.1 to 1 |
| 6 | `#df8048` | `oklch(69.29% 0.1378 49.26)` | Pizazz | black, 7.3 to 1 |
| 7 | `#8f371e` | `oklch(45.67% 0.1254 36.57)` | Red Prairie | white, 7.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #3a1712 0.0%, #782c1c 16.7%, #c35530 33.3%, #ed995d 50.0%, #fccb9c 66.7%, #df8048 83.3%, #8f371e 100.0%);
background: linear-gradient(90deg in oklch, oklch(25.59% 0.0565 30.23) 0.0%, oklch(40.16% 0.1102 33.40) 16.7%, oklch(58.27% 0.1502 38.69) 33.3%, oklch(75.59% 0.1268 54.54) 50.0%, oklch(87.40% 0.0827 65.11) 66.7%, oklch(69.29% 0.1378 49.26) 83.3%, oklch(45.67% 0.1254 36.57) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.256 | 0.056 | 30.2 |
| 2 | 0.402 | 0.11 | 33.4 |
| 3 | 0.583 | 0.15 | 38.7 |
| 4 | 0.756 | 0.127 | 54.5 |
| 5 | 0.874 | 0.083 | 65.1 |
| 6 | 0.693 | 0.138 | 49.3 |
| 7 | 0.457 | 0.125 | 36.6 |

## In these collections

- [Copper](https://grabient.com/copper)
- [Metallic gradients](https://grabient.com/metallic-gradients)

## Other forms

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