# Analogous black, maroon and beige linear swatches

Analogous black, maroon and beige linear swatches with 32 colors: #281915, #2c1a16, #321b17, #381c18, #3f1e1a, #461f1d, #4e2020, #562224, #5e2328, #66252d, #6d2831, #742a35, #7b2d38, #82303b, #89343e, #8f3740, #963c42, #9d4144, #a44746, #ab4d49, #b2554d, #b95e51, #c06958, #c77660, #ce846b, #d59277, #dba184, #e0af93, #e5bca1, #e9c8af, #edd1bb, #f0d8c4. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUOxMZsSS9cmsQZyDkQA`
- Page: https://grabient.com/kUOxMZsSS9cmsQZyDkQA?style=linearSwatches&steps=32&angle=180
- Drawn as: linear swatches, 32 steps, 180 degrees
- Kinds: dark to light, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 12.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 | `#281915` | `oklch(23.23% 0.0262 35.86)` | Tetsu-Guro Black | white, 16.9 to 1 |
| 2 | `#2c1a16` | `oklch(24.09% 0.0307 34.50)` | Tetsu-Guro Black | white, 16.5 to 1 |
| 3 | `#321b17` | `oklch(25.17% 0.0367 32.57)` | Black Kite | white, 16 to 1 |
| 4 | `#381c18` | `oklch(26.45% 0.0440 30.23)` | Black Kite | white, 15.5 to 1 |
| 5 | `#3f1e1a` | `oklch(27.87% 0.0520 27.61)` | Longan’s Kernel | white, 14.9 to 1 |
| 6 | `#461f1d` | `oklch(29.43% 0.0606 24.89)` | Marmite | white, 14.2 to 1 |
| 7 | `#4e2020` | `oklch(31.08% 0.0694 22.20)` | Lees | white, 13.5 to 1 |
| 8 | `#562224` | `oklch(32.80% 0.0779 19.71)` | Burnt Crimson | white, 12.7 to 1 |
| 9 | `#5e2328` | `oklch(34.55% 0.0860 17.55)` | Red Oxide | white, 11.9 to 1 |
| 10 | `#66252d` | `oklch(36.30% 0.0931 15.90)` | Blackberry Pie | white, 11.2 to 1 |
| 11 | `#6d2831` | `oklch(38.02% 0.0990 14.89)` | Crystal Dark Red | white, 10.5 to 1 |
| 12 | `#742a35` | `oklch(39.69% 0.1036 14.59)` | Merlot Fields | white, 9.8 to 1 |
| 13 | `#7b2d38` | `oklch(41.33% 0.1081 14.73)` | Paprika | white, 9.2 to 1 |
| 14 | `#82303b` | `oklch(42.97% 0.1123 15.27)` | Blood Oath | white, 8.6 to 1 |
| 15 | `#89343e` | `oklch(44.63% 0.1161 16.17)` | Red Chicory | white, 8 to 1 |
| 16 | `#8f3740` | `oklch(46.32% 0.1194 17.38)` | Raspberry Fool | white, 7.4 to 1 |
| 17 | `#963c42` | `oklch(48.09% 0.1219 18.87)` | Cherry Tart | white, 6.9 to 1 |
| 18 | `#9d4144` | `oklch(49.94% 0.1237 20.61)` | Reddest Red | white, 6.4 to 1 |
| 19 | `#a44746` | `oklch(51.90% 0.1246 22.55)` | Roof Terracotta | white, 5.8 to 1 |
| 20 | `#ab4d49` | `oklch(54.00% 0.1244 24.67)` | Persimmon Red | white, 5.3 to 1 |
| 21 | `#b2554d` | `oklch(56.27% 0.1229 26.91)` | Deep Rose | white, 4.8 to 1 |
| 22 | `#b95e51` | `oklch(58.73% 0.1201 29.29)` | Tandoori | black, 4.7 to 1 |
| 23 | `#c06958` | `oklch(61.60% 0.1151 32.18)` | Cedar Grove | black, 5.3 to 1 |
| 24 | `#c77660` | `oklch(64.85% 0.1080 35.59)` | Pompeian Pink | black, 6.1 to 1 |
| 25 | `#ce846b` | `oklch(68.35% 0.0993 39.38)` | Rosy Pashmina | black, 7.1 to 1 |
| 26 | `#d59277` | `oklch(71.98% 0.0897 43.37)` | Feldspar | black, 8.2 to 1 |
| 27 | `#dba184` | `oklch(75.63% 0.0795 47.43)` | Sienna Ochre | black, 9.4 to 1 |
| 28 | `#e0af93` | `oklch(79.16% 0.0693 51.40)` | Bedtime Story | black, 10.7 to 1 |
| 29 | `#e5bca1` | `oklch(82.46% 0.0596 55.13)` | Mollusca | black, 12 to 1 |
| 30 | `#e9c8af` | `oklch(85.41% 0.0509 58.46)` | Desert Sand | black, 13.3 to 1 |
| 31 | `#edd1bb` | `oklch(87.88% 0.0438 61.25)` | Puppy Paws | black, 14.4 to 1 |
| 32 | `#f0d8c4` | `oklch(89.76% 0.0386 63.33)` | Hen of the Woods | black, 15.3 to 1 |

## CSS

```css
background: linear-gradient(180deg, #281915 0.000% 3.125%, #2c1a16 3.125% 6.250%, #321b17 6.250% 9.375%, #381c18 9.375% 12.500%, #3f1e1a 12.500% 15.625%, #461f1d 15.625% 18.750%, #4e2020 18.750% 21.875%, #562224 21.875% 25.000%, #5e2328 25.000% 28.125%, #66252d 28.125% 31.250%, #6d2831 31.250% 34.375%, #742a35 34.375% 37.500%, #7b2d38 37.500% 40.625%, #82303b 40.625% 43.750%, #89343e 43.750% 46.875%, #8f3740 46.875% 50.000%, #963c42 50.000% 53.125%, #9d4144 53.125% 56.250%, #a44746 56.250% 59.375%, #ab4d49 59.375% 62.500%, #b2554d 62.500% 65.625%, #b95e51 65.625% 68.750%, #c06958 68.750% 71.875%, #c77660 71.875% 75.000%, #ce846b 75.000% 78.125%, #d59277 78.125% 81.250%, #dba184 81.250% 84.375%, #e0af93 84.375% 87.500%, #e5bca1 87.500% 90.625%, #e9c8af 90.625% 93.750%, #edd1bb 93.750% 96.875%, #f0d8c4 96.875% 100.000%);
background: linear-gradient(180deg, oklch(23.23% 0.0262 35.86) 0.000% 3.125%, oklch(24.09% 0.0307 34.50) 3.125% 6.250%, oklch(25.17% 0.0367 32.57) 6.250% 9.375%, oklch(26.45% 0.0440 30.23) 9.375% 12.500%, oklch(27.87% 0.0520 27.61) 12.500% 15.625%, oklch(29.43% 0.0606 24.89) 15.625% 18.750%, oklch(31.08% 0.0694 22.20) 18.750% 21.875%, oklch(32.80% 0.0779 19.71) 21.875% 25.000%, oklch(34.55% 0.0860 17.55) 25.000% 28.125%, oklch(36.30% 0.0931 15.90) 28.125% 31.250%, oklch(38.02% 0.0990 14.89) 31.250% 34.375%, oklch(39.69% 0.1036 14.59) 34.375% 37.500%, oklch(41.33% 0.1081 14.73) 37.500% 40.625%, oklch(42.97% 0.1123 15.27) 40.625% 43.750%, oklch(44.63% 0.1161 16.17) 43.750% 46.875%, oklch(46.32% 0.1194 17.38) 46.875% 50.000%, oklch(48.09% 0.1219 18.87) 50.000% 53.125%, oklch(49.94% 0.1237 20.61) 53.125% 56.250%, oklch(51.90% 0.1246 22.55) 56.250% 59.375%, oklch(54.00% 0.1244 24.67) 59.375% 62.500%, oklch(56.27% 0.1229 26.91) 62.500% 65.625%, oklch(58.73% 0.1201 29.29) 65.625% 68.750%, oklch(61.60% 0.1151 32.18) 68.750% 71.875%, oklch(64.85% 0.1080 35.59) 71.875% 75.000%, oklch(68.35% 0.0993 39.38) 75.000% 78.125%, oklch(71.98% 0.0897 43.37) 78.125% 81.250%, oklch(75.63% 0.0795 47.43) 81.250% 84.375%, oklch(79.16% 0.0693 51.40) 84.375% 87.500%, oklch(82.46% 0.0596 55.13) 87.500% 90.625%, oklch(85.41% 0.0509 58.46) 90.625% 93.750%, oklch(87.88% 0.0438 61.25) 93.750% 96.875%, oklch(89.76% 0.0386 63.33) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.232 | 0.026 | 35.9 |
| 2 | 0.386 | 0.101 | 14.7 |
| 3 | 0.579 | 0.121 | 28.5 |
| 4 | 0.898 | 0.039 | 63.3 |

## In these collections

- [Home café](https://grabient.com/home-cafe)

## Other forms

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