# Analogous brown, red and pink linear swatches

Analogous brown, red and pink linear swatches with 40 colors: #852a13, #872b16, #892c1a, #8c2d1e, #8f2e23, #922f28, #95312d, #993233, #9c3438, #a0363e, #a33844, #a73a4a, #aa3c50, #ad3e56, #b0405b, #b34261, #b54466, #b7466a, #b9486e, #ba4a72, #bb4c75, #bb4d77, #bc4f79, #bc507b, #bc527c, #bc537d, #bb547e, #bb557f, #ba567f, #b9577f, #b9587f, #b8597f, #b75a7f, #b65b7f, #b55c7e, #b45c7e, #b45d7e, #b35d7e, #b35e7e, #b25e7e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kSa14ZSLY70spv4`
- Page: https://grabient.com/kSa14ZSLY70spv4?style=linearSwatches&steps=40&angle=225
- Drawn as: linear swatches, 40 steps, 225 degrees
- Kinds: warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 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 | `#852a13` | `oklch(42.13% 0.1295 35.16)` | Red Shade Wash | white, 8.9 to 1 |
| 2 | `#872b16` | `oklch(42.56% 0.1301 34.13)` | Saucisson | white, 8.7 to 1 |
| 3 | `#892c1a` | `oklch(43.10% 0.1310 32.87)` | Saucisson | white, 8.6 to 1 |
| 4 | `#8c2d1e` | `oklch(43.73% 0.1320 31.39)` | Gulab Brown | white, 8.3 to 1 |
| 5 | `#8f2e23` | `oklch(44.44% 0.1331 29.73)` | Potion № 9 | white, 8.1 to 1 |
| 6 | `#922f28` | `oklch(45.22% 0.1344 27.91)` | Red Kite | white, 7.8 to 1 |
| 7 | `#95312d` | `oklch(46.05% 0.1358 25.96)` | Ripasso | white, 7.6 to 1 |
| 8 | `#993233` | `oklch(46.93% 0.1372 23.90)` | Poisonous Apple | white, 7.3 to 1 |
| 9 | `#9c3438` | `oklch(47.84% 0.1387 21.76)` | Milano Red | white, 7 to 1 |
| 10 | `#a0363e` | `oklch(48.77% 0.1402 19.58)` | Pop of Poppy | white, 6.8 to 1 |
| 11 | `#a33844` | `oklch(49.72% 0.1417 17.36)` | Pop of Poppy | white, 6.5 to 1 |
| 12 | `#a73a4a` | `oklch(50.66% 0.1431 15.15)` | Valentine | white, 6.2 to 1 |
| 13 | `#aa3c50` | `oklch(51.60% 0.1444 12.97)` | Valentine | white, 6 to 1 |
| 14 | `#ad3e56` | `oklch(52.51% 0.1457 10.85)` | Speaking of the Devil | white, 5.8 to 1 |
| 15 | `#b0405b` | `oklch(53.38% 0.1467 8.81)` | Cry of a Rose | white, 5.6 to 1 |
| 16 | `#b34261` | `oklch(54.21% 0.1476 6.88)` | Sangria | white, 5.4 to 1 |
| 17 | `#b54466` | `oklch(54.99% 0.1483 5.09)` | Sangria | white, 5.2 to 1 |
| 18 | `#b7466a` | `oklch(55.69% 0.1488 3.46)` | Lickedy Lick | white, 5.1 to 1 |
| 19 | `#b9486e` | `oklch(56.32% 0.1490 2.02)` | Lake Red | white, 4.9 to 1 |
| 20 | `#ba4a72` | `oklch(56.86% 0.1490 0.80)` | Lake Red | white, 4.8 to 1 |
| 21 | `#bb4c75` | `oklch(57.30% 0.1486 359.82)` | Lake Red | white, 4.7 to 1 |
| 22 | `#bb4d77` | `oklch(57.67% 0.1478 358.99)` | Cockscomb Red | white, 4.7 to 1 |
| 23 | `#bc4f79` | `oklch(57.99% 0.1468 358.31)` | Cockscomb Red | white, 4.6 to 1 |
| 24 | `#bc507b` | `oklch(58.25% 0.1454 357.76)` | Cockscomb Red | white, 4.5 to 1 |
| 25 | `#bc527c` | `oklch(58.47% 0.1438 357.32)` | Cockscomb Red | black, 4.6 to 1 |
| 26 | `#bc537d` | `oklch(58.64% 0.1420 356.99)` | Cockscomb Red | black, 4.6 to 1 |
| 27 | `#bb547e` | `oklch(58.78% 0.1400 356.76)` | Cockscomb Red | black, 4.6 to 1 |
| 28 | `#bb557f` | `oklch(58.88% 0.1379 356.61)` | Cockscomb Red | black, 4.7 to 1 |
| 29 | `#ba567f` | `oklch(58.95% 0.1357 356.53)` | Tutti Frutti | black, 4.7 to 1 |
| 30 | `#b9577f` | `oklch(59.00% 0.1334 356.52)` | Tutti Frutti | black, 4.7 to 1 |
| 31 | `#b9587f` | `oklch(59.02% 0.1310 356.55)` | Tutti Frutti | black, 4.7 to 1 |
| 32 | `#b8597f` | `oklch(59.03% 0.1287 356.61)` | Tutti Frutti | black, 4.7 to 1 |
| 33 | `#b75a7f` | `oklch(59.03% 0.1264 356.71)` | Tutti Frutti | black, 4.7 to 1 |
| 34 | `#b65b7f` | `oklch(59.02% 0.1242 356.82)` | Tutti Frutti | black, 4.7 to 1 |
| 35 | `#b55c7e` | `oklch(59.01% 0.1221 356.93)` | Kir Royale Rose | black, 4.7 to 1 |
| 36 | `#b45c7e` | `oklch(59.00% 0.1201 357.03)` | Kir Royale Rose | black, 4.7 to 1 |
| 37 | `#b45d7e` | `oklch(58.99% 0.1183 357.11)` | Kir Royale Rose | black, 4.7 to 1 |
| 38 | `#b35d7e` | `oklch(59.00% 0.1167 357.16)` | Kir Royale Rose | black, 4.7 to 1 |
| 39 | `#b35e7e` | `oklch(59.02% 0.1154 357.16)` | Kir Royale Rose | black, 4.8 to 1 |
| 40 | `#b25e7e` | `oklch(59.06% 0.1144 357.11)` | Indian Pink | black, 4.8 to 1 |

## CSS

```css
background: linear-gradient(225deg, #852a13 0.000% 2.500%, #872b16 2.500% 5.000%, #892c1a 5.000% 7.500%, #8c2d1e 7.500% 10.000%, #8f2e23 10.000% 12.500%, #922f28 12.500% 15.000%, #95312d 15.000% 17.500%, #993233 17.500% 20.000%, #9c3438 20.000% 22.500%, #a0363e 22.500% 25.000%, #a33844 25.000% 27.500%, #a73a4a 27.500% 30.000%, #aa3c50 30.000% 32.500%, #ad3e56 32.500% 35.000%, #b0405b 35.000% 37.500%, #b34261 37.500% 40.000%, #b54466 40.000% 42.500%, #b7466a 42.500% 45.000%, #b9486e 45.000% 47.500%, #ba4a72 47.500% 50.000%, #bb4c75 50.000% 52.500%, #bb4d77 52.500% 55.000%, #bc4f79 55.000% 57.500%, #bc507b 57.500% 60.000%, #bc527c 60.000% 62.500%, #bc537d 62.500% 65.000%, #bb547e 65.000% 67.500%, #bb557f 67.500% 70.000%, #ba567f 70.000% 72.500%, #b9577f 72.500% 75.000%, #b9587f 75.000% 77.500%, #b8597f 77.500% 80.000%, #b75a7f 80.000% 82.500%, #b65b7f 82.500% 85.000%, #b55c7e 85.000% 87.500%, #b45c7e 87.500% 90.000%, #b45d7e 90.000% 92.500%, #b35d7e 92.500% 95.000%, #b35e7e 95.000% 97.500%, #b25e7e 97.500% 100.000%);
background: linear-gradient(225deg, oklch(42.13% 0.1295 35.16) 0.000% 2.500%, oklch(42.56% 0.1301 34.13) 2.500% 5.000%, oklch(43.10% 0.1310 32.87) 5.000% 7.500%, oklch(43.73% 0.1320 31.39) 7.500% 10.000%, oklch(44.44% 0.1331 29.73) 10.000% 12.500%, oklch(45.22% 0.1344 27.91) 12.500% 15.000%, oklch(46.05% 0.1358 25.96) 15.000% 17.500%, oklch(46.93% 0.1372 23.90) 17.500% 20.000%, oklch(47.84% 0.1387 21.76) 20.000% 22.500%, oklch(48.77% 0.1402 19.58) 22.500% 25.000%, oklch(49.72% 0.1417 17.36) 25.000% 27.500%, oklch(50.66% 0.1431 15.15) 27.500% 30.000%, oklch(51.60% 0.1444 12.97) 30.000% 32.500%, oklch(52.51% 0.1457 10.85) 32.500% 35.000%, oklch(53.38% 0.1467 8.81) 35.000% 37.500%, oklch(54.21% 0.1476 6.88) 37.500% 40.000%, oklch(54.99% 0.1483 5.09) 40.000% 42.500%, oklch(55.69% 0.1488 3.46) 42.500% 45.000%, oklch(56.32% 0.1490 2.02) 45.000% 47.500%, oklch(56.86% 0.1490 0.80) 47.500% 50.000%, oklch(57.30% 0.1486 359.82) 50.000% 52.500%, oklch(57.67% 0.1478 358.99) 52.500% 55.000%, oklch(57.99% 0.1468 358.31) 55.000% 57.500%, oklch(58.25% 0.1454 357.76) 57.500% 60.000%, oklch(58.47% 0.1438 357.32) 60.000% 62.500%, oklch(58.64% 0.1420 356.99) 62.500% 65.000%, oklch(58.78% 0.1400 356.76) 65.000% 67.500%, oklch(58.88% 0.1379 356.61) 67.500% 70.000%, oklch(58.95% 0.1357 356.53) 70.000% 72.500%, oklch(59.00% 0.1334 356.52) 72.500% 75.000%, oklch(59.02% 0.1310 356.55) 75.000% 77.500%, oklch(59.03% 0.1287 356.61) 77.500% 80.000%, oklch(59.03% 0.1264 356.71) 80.000% 82.500%, oklch(59.02% 0.1242 356.82) 82.500% 85.000%, oklch(59.01% 0.1221 356.93) 85.000% 87.500%, oklch(59.00% 0.1201 357.03) 87.500% 90.000%, oklch(58.99% 0.1183 357.11) 90.000% 92.500%, oklch(59.00% 0.1167 357.16) 92.500% 95.000%, oklch(59.02% 0.1154 357.16) 95.000% 97.500%, oklch(59.06% 0.1144 357.11) 97.500% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.421 | 0.13 | 35.2 |
| 2 | 0.571 | 0.149 | 0.3 |
| 3 | 0.591 | 0.114 | -2.9 |

## In these collections

- [Two color gradients](https://grabient.com/two-color-gradients)

## Other forms

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