# Black, brown, salmon and maroon linear swatches

Black, brown, salmon and maroon linear swatches with 32 colors: #2c2422, #312623, #382925, #3f2d28, #48312a, #50362d, #573a2f, #5e3f32, #654434, #6c4937, #744e39, #7c543c, #855940, #8e5f44, #976449, #a1694c, #ab6c4e, #b76f51, #c37254, #cf7357, #d77159, #dc6c58, #dd6353, #db564c, #d64844, #cf393f, #c42e3f, #b32843, #9e2645, #892546, #762544, #6a2441. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kaRAoXLg9AzuWwTKH7-VDM-MXDvovpj0g`
- Page: https://grabient.com/kaRAoXLg9AzuWwTKH7-VDM-MXDvovpj0g?style=linearSwatches&steps=32&angle=135
- Drawn as: linear swatches, 32 steps, 135 degrees
- Kinds: light center, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.6 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 | `#2c2422` | `oklch(26.77% 0.0138 32.34)` | Gold Black | white, 15.2 to 1 |
| 2 | `#312623` | `oklch(27.99% 0.0175 33.26)` | Wood Bark | white, 14.6 to 1 |
| 3 | `#382925` | `oklch(29.69% 0.0228 34.52)` | Betel Nut Dye | white, 13.8 to 1 |
| 4 | `#3f2d28` | `oklch(31.69% 0.0289 36.04)` | Granite Brown | white, 12.9 to 1 |
| 5 | `#48312a` | `oklch(33.82% 0.0350 37.71)` | Rojo Marrón | white, 11.9 to 1 |
| 6 | `#50362d` | `oklch(35.89% 0.0405 39.45)` | Bramble Bush | white, 11 to 1 |
| 7 | `#573a2f` | `oklch(37.86% 0.0450 41.42)` | Terra Brun | white, 10.2 to 1 |
| 8 | `#5e3f32` | `oklch(39.87% 0.0490 43.81)` | Pitch Mary Brown | white, 9.4 to 1 |
| 9 | `#654434` | `oklch(41.93% 0.0528 46.29)` | Worn Wooden | white, 8.6 to 1 |
| 10 | `#6c4937` | `oklch(44.02% 0.0566 48.48)` | Satin Soil | white, 7.9 to 1 |
| 11 | `#744e39` | `oklch(46.14% 0.0606 50.01)` | Seed Brown | white, 7.2 to 1 |
| 12 | `#7c543c` | `oklch(48.31% 0.0648 50.66)` | Dachshund | white, 6.5 to 1 |
| 13 | `#855940` | `oklch(50.60% 0.0687 50.71)` | Hope Chest | white, 5.9 to 1 |
| 14 | `#8e5f44` | `oklch(52.92% 0.0727 50.25)` | Western Pursuit | white, 5.4 to 1 |
| 15 | `#976449` | `oklch(55.19% 0.0774 49.32)` | Natural Cork | white, 4.9 to 1 |
| 16 | `#a1694c` | `oklch(57.30% 0.0833 47.96)` | Foxfire Brown | black, 4.6 to 1 |
| 17 | `#ab6c4e` | `oklch(59.25% 0.0909 46.15)` | Airbrushed Copper | black, 4.9 to 1 |
| 18 | `#b76f51` | `oklch(61.39% 0.1005 43.60)` | Iced Tea | black, 5.4 to 1 |
| 19 | `#c37254` | `oklch(63.47% 0.1114 40.54)` | Spanish Peanut | black, 5.8 to 1 |
| 20 | `#cf7357` | `oklch(65.15% 0.1228 37.29)` | Japonica | black, 6.2 to 1 |
| 21 | `#d77159` | `oklch(66.10% 0.1338 34.18)` | OK Corral | black, 6.4 to 1 |
| 22 | `#dc6c58` | `oklch(65.96% 0.1440 31.53)` | Coralite | black, 6.3 to 1 |
| 23 | `#dd6353` | `oklch(64.71% 0.1560 29.41)` | Barely Brown | black, 5.9 to 1 |
| 24 | `#db564c` | `oklch(62.63% 0.1687 27.53)` | Capocollo | black, 5.4 to 1 |
| 25 | `#d64844` | `oklch(60.00% 0.1796 25.57)` | Horror Snob | black, 4.8 to 1 |
| 26 | `#cf393f` | `oklch(57.11% 0.1860 23.22)` | Red Bliss | white, 4.8 to 1 |
| 27 | `#c42e3f` | `oklch(54.25% 0.1853 20.13)` | Crimson Cloud | white, 5.5 to 1 |
| 28 | `#b32843` | `oklch(50.87% 0.1746 15.80)` | Cherryade | white, 6.3 to 1 |
| 29 | `#9e2645` | `oklch(46.99% 0.1567 10.60)` | Big Dip O’ruby | white, 7.4 to 1 |
| 30 | `#892546` | `oklch(43.12% 0.1361 5.31)` | Anemone | white, 8.6 to 1 |
| 31 | `#762544` | `oklch(39.75% 0.1173 0.68)` | Palace Red | white, 9.9 to 1 |
| 32 | `#6a2441` | `oklch(37.40% 0.1047 357.47)` | Witch Soup | white, 10.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #2c2422 0.000% 3.125%, #312623 3.125% 6.250%, #382925 6.250% 9.375%, #3f2d28 9.375% 12.500%, #48312a 12.500% 15.625%, #50362d 15.625% 18.750%, #573a2f 18.750% 21.875%, #5e3f32 21.875% 25.000%, #654434 25.000% 28.125%, #6c4937 28.125% 31.250%, #744e39 31.250% 34.375%, #7c543c 34.375% 37.500%, #855940 37.500% 40.625%, #8e5f44 40.625% 43.750%, #976449 43.750% 46.875%, #a1694c 46.875% 50.000%, #ab6c4e 50.000% 53.125%, #b76f51 53.125% 56.250%, #c37254 56.250% 59.375%, #cf7357 59.375% 62.500%, #d77159 62.500% 65.625%, #dc6c58 65.625% 68.750%, #dd6353 68.750% 71.875%, #db564c 71.875% 75.000%, #d64844 75.000% 78.125%, #cf393f 78.125% 81.250%, #c42e3f 81.250% 84.375%, #b32843 84.375% 87.500%, #9e2645 87.500% 90.625%, #892546 90.625% 93.750%, #762544 93.750% 96.875%, #6a2441 96.875% 100.000%);
background: linear-gradient(135deg, oklch(26.77% 0.0138 32.34) 0.000% 3.125%, oklch(27.99% 0.0175 33.26) 3.125% 6.250%, oklch(29.69% 0.0228 34.52) 6.250% 9.375%, oklch(31.69% 0.0289 36.04) 9.375% 12.500%, oklch(33.82% 0.0350 37.71) 12.500% 15.625%, oklch(35.89% 0.0405 39.45) 15.625% 18.750%, oklch(37.86% 0.0450 41.42) 18.750% 21.875%, oklch(39.87% 0.0490 43.81) 21.875% 25.000%, oklch(41.93% 0.0528 46.29) 25.000% 28.125%, oklch(44.02% 0.0566 48.48) 28.125% 31.250%, oklch(46.14% 0.0606 50.01) 31.250% 34.375%, oklch(48.31% 0.0648 50.66) 34.375% 37.500%, oklch(50.60% 0.0687 50.71) 37.500% 40.625%, oklch(52.92% 0.0727 50.25) 40.625% 43.750%, oklch(55.19% 0.0774 49.32) 43.750% 46.875%, oklch(57.30% 0.0833 47.96) 46.875% 50.000%, oklch(59.25% 0.0909 46.15) 50.000% 53.125%, oklch(61.39% 0.1005 43.60) 53.125% 56.250%, oklch(63.47% 0.1114 40.54) 56.250% 59.375%, oklch(65.15% 0.1228 37.29) 59.375% 62.500%, oklch(66.10% 0.1338 34.18) 62.500% 65.625%, oklch(65.96% 0.1440 31.53) 65.625% 68.750%, oklch(64.71% 0.1560 29.41) 68.750% 71.875%, oklch(62.63% 0.1687 27.53) 71.875% 75.000%, oklch(60.00% 0.1796 25.57) 75.000% 78.125%, oklch(57.11% 0.1860 23.22) 78.125% 81.250%, oklch(54.25% 0.1853 20.13) 81.250% 84.375%, oklch(50.87% 0.1746 15.80) 84.375% 87.500%, oklch(46.99% 0.1567 10.60) 87.500% 90.625%, oklch(43.12% 0.1361 5.31) 90.625% 93.750%, oklch(39.75% 0.1173 0.68) 93.750% 96.875%, oklch(37.40% 0.1047 357.47) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.268 | 0.014 | 32.3 |
| 2 | 0.362 | 0.041 | 39.7 |
| 3 | 0.469 | 0.062 | 50.3 |
| 4 | 0.583 | 0.087 | 47.1 |
| 5 | 0.661 | 0.141 | 32.3 |
| 6 | 0.547 | 0.186 | 20.7 |
| 7 | 0.374 | 0.105 | -2.5 |

## In these collections

- [Waratah bushland bloom](https://grabient.com/waratah-bushland-bloom)

## Other forms

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