# Analogous red and tan linear swatches

Analogous red and tan linear swatches with 7 colors: #a41e23, #b6442b, #c36a37, #b7873d, #aa9a59, #bba270, #cca783. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUd3sSTq_CtcfxZfl7xA`
- Page: https://grabient.com/kUd3sSTq_CtcfxZfl7xA?style=linearSwatches&angle=45
- Drawn as: linear swatches, 7 steps, 45 degrees
- Kinds: vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.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 | `#a41e23` | `oklch(46.85% 0.1695 25.31)` | Bloody Ruby | white, 7.5 to 1 |
| 2 | `#b6442b` | `oklch(53.91% 0.1530 33.96)` | Crimson Boy | white, 5.4 to 1 |
| 3 | `#c36a37` | `oklch(61.81% 0.1309 48.56)` | Sesame Crunch | black, 5.4 to 1 |
| 4 | `#b7873d` | `oklch(65.67% 0.1078 75.71)` | Golden Slumber | black, 6.5 to 1 |
| 5 | `#aa9a59` | `oklch(68.50% 0.0868 96.11)` | Burnished Gold | black, 7.4 to 1 |
| 6 | `#bba270` | `oklch(72.27% 0.0730 83.76)` | Horn of Plenty | black, 8.5 to 1 |
| 7 | `#cca783` | `oklch(75.20% 0.0648 65.47)` | Totally Tan | black, 9.3 to 1 |

## CSS

```css
background: linear-gradient(45deg, #a41e23 0.000% 14.286%, #b6442b 14.286% 28.571%, #c36a37 28.571% 42.857%, #b7873d 42.857% 57.143%, #aa9a59 57.143% 71.429%, #bba270 71.429% 85.714%, #cca783 85.714% 100.000%);
background: linear-gradient(45deg, oklch(46.85% 0.1695 25.31) 0.000% 14.286%, oklch(53.91% 0.1530 33.96) 14.286% 28.571%, oklch(61.81% 0.1309 48.56) 28.571% 42.857%, oklch(65.67% 0.1078 75.71) 42.857% 57.143%, oklch(68.50% 0.0868 96.11) 57.143% 71.429%, oklch(72.27% 0.0730 83.76) 71.429% 85.714%, oklch(75.20% 0.0648 65.47) 85.714% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.469 | 0.169 | 25.3 |
| 2 | 0.618 | 0.131 | 48.6 |
| 3 | 0.685 | 0.087 | 96.1 |
| 4 | 0.752 | 0.065 | 65.5 |

## Other forms

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