# Mahogany cognac and pale amber halo

Brown-black at the center gradually opens through mahogany, rust and cognac into burnt orange and pale amber at the outside. This forty-eight-stop radial gradient uses the reddish warmth associated with tortoiseshell colors. Its simple outward glow keeps the warmer shades clear while preserving a small dark center and a softly luminous amber edge.

- Also called: Analogous brown, red and orange radial gradient
- Seed: `kWLxQcMqu_Ue6QJXNsGZi5CI`
- Page: https://grabient.com/kWLxQcMqu_Ue6QJXNsGZi5CI?style=radialGradient&steps=48&angle=0
- Drawn as: radial gradient, 48 steps, 0 degrees
- Kinds: dark to light, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 9.9 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 | `#1d0e09` | `oklch(18.50% 0.0276 39.38)` | Scandinavian Liquorice | white, 18.7 to 1 |
| 2 | `#21100a` | `oklch(19.57% 0.0323 39.08)` | Bighorn Sheep | white, 18.3 to 1 |
| 3 | `#27110a` | `oklch(20.93% 0.0385 38.66)` | Root Brew | white, 17.8 to 1 |
| 4 | `#2e130b` | `oklch(22.54% 0.0459 38.14)` | Darkroom | white, 17.2 to 1 |
| 5 | `#35150c` | `oklch(24.35% 0.0542 37.56)` | Tamarind | white, 16.5 to 1 |
| 6 | `#3e180d` | `oklch(26.30% 0.0631 36.95)` | Old Study | white, 15.7 to 1 |
| 7 | `#471a0e` | `oklch(28.36% 0.0724 36.33)` | Barbecue Sauce | white, 14.7 to 1 |
| 8 | `#501c0f` | `oklch(30.47% 0.0818 35.73)` | Chocolate Rush | white, 13.8 to 1 |
| 9 | `#5a1f10` | `oklch(32.59% 0.0911 35.18)` | Peaty Brown | white, 12.8 to 1 |
| 10 | `#632111` | `oklch(34.67% 0.0999 34.71)` | Brown Moelleux | white, 11.9 to 1 |
| 11 | `#6c2312` | `oklch(36.65% 0.1081 34.36)` | Prune | white, 11.1 to 1 |
| 12 | `#752513` | `oklch(38.50% 0.1153 34.14)` | Hazelnut Kisses | white, 10.3 to 1 |
| 13 | `#7c2815` | `oklch(40.16% 0.1213 34.09)` | Drip Coffee | white, 9.6 to 1 |
| 14 | `#832a16` | `oklch(41.75% 0.1266 34.16)` | Caponata | white, 9 to 1 |
| 15 | `#8a2d17` | `oklch(43.29% 0.1315 34.32)` | Gulab Brown | white, 8.5 to 1 |
| 16 | `#912f18` | `oklch(44.80% 0.1361 34.55)` | Bengala Red | white, 8 to 1 |
| 17 | `#973219` | `oklch(46.27% 0.1403 34.87)` | Choco Chic | white, 7.5 to 1 |
| 18 | `#9d351a` | `oklch(47.71% 0.1441 35.26)` | Dragon Dance | white, 7 to 1 |
| 19 | `#a3381b` | `oklch(49.12% 0.1475 35.73)` | Salsa Mexicana | white, 6.6 to 1 |
| 20 | `#a93b1c` | `oklch(50.50% 0.1505 36.26)` | Chinese Night | white, 6.3 to 1 |
| 21 | `#ae3f1c` | `oklch(51.84% 0.1532 36.85)` | Crimson Blaze | white, 5.9 to 1 |
| 22 | `#b4421d` | `oklch(53.15% 0.1555 37.51)` | Martian Ironcrust | white, 5.6 to 1 |
| 23 | `#b9461e` | `oklch(54.43% 0.1575 38.21)` | Spice Market | white, 5.3 to 1 |
| 24 | `#bd491e` | `oklch(55.68% 0.1592 38.98)` | Spice Market | white, 5 to 1 |
| 25 | `#c24d1f` | `oklch(56.90% 0.1604 39.79)` | Red Panda | white, 4.8 to 1 |
| 26 | `#c65120` | `oklch(58.07% 0.1611 40.68)` | Raucous Orange | black, 4.5 to 1 |
| 27 | `#c95521` | `oklch(59.19% 0.1613 41.65)` | Rusty Nail | black, 4.8 to 1 |
| 28 | `#cd5922` | `oklch(60.26% 0.1610 42.68)` | Play School | black, 5 to 1 |
| 29 | `#d05d23` | `oklch(61.31% 0.1604 43.78)` | Bright Delight | black, 5.2 to 1 |
| 30 | `#d26125` | `oklch(62.32% 0.1594 44.94)` | Harvest Pumpkin | black, 5.4 to 1 |
| 31 | `#d56526` | `oklch(63.32% 0.1582 46.15)` | Fresh Gingerbread | black, 5.7 to 1 |
| 32 | `#d76928` | `oklch(64.30% 0.1568 47.40)` | Christmas Orange | black, 5.9 to 1 |
| 33 | `#d96e2a` | `oklch(65.28% 0.1552 48.70)` | Christmas Orange | black, 6.2 to 1 |
| 34 | `#db722c` | `oklch(66.26% 0.1536 50.03)` | Tahiti Gold | black, 6.4 to 1 |
| 35 | `#dd762f` | `oklch(67.24% 0.1521 51.38)` | Snobby Shore | black, 6.7 to 1 |
| 36 | `#df7b31` | `oklch(68.25% 0.1506 52.76)` | Sandy Peppers | black, 7 to 1 |
| 37 | `#e27f33` | `oklch(69.29% 0.1490 54.22)` | Tree Poppy | black, 7.3 to 1 |
| 38 | `#e48436` | `oklch(70.40% 0.1472 55.84)` | West Side | black, 7.6 to 1 |
| 39 | `#e6893a` | `oklch(71.54% 0.1452 57.60)` | Velvet Marigold | black, 7.9 to 1 |
| 40 | `#e78e3d` | `oklch(72.71% 0.1429 59.45)` | Velvet Marigold | black, 8.3 to 1 |
| 41 | `#e99441` | `oklch(73.88% 0.1406 61.35)` | Furry Lion | black, 8.7 to 1 |
| 42 | `#eb9945` | `oklch(75.03% 0.1382 63.25)` | Mandarin Essence | black, 9.1 to 1 |
| 43 | `#ec9e4a` | `oklch(76.14% 0.1358 65.10)` | Granary Gold | black, 9.5 to 1 |
| 44 | `#eda34e` | `oklch(77.18% 0.1335 66.87)` | Golden Koi | black, 9.9 to 1 |
| 45 | `#eea752` | `oklch(78.15% 0.1314 68.50)` | Egyptian Gold | black, 10.2 to 1 |
| 46 | `#efab55` | `oklch(79.00% 0.1296 69.95)` | Polished Gold | black, 10.6 to 1 |
| 47 | `#f0ae58` | `oklch(79.73% 0.1280 71.18)` | Shiny Trumpet | black, 10.9 to 1 |
| 48 | `#f1b15b` | `oklch(80.31% 0.1268 72.13)` | Cheater | black, 11.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #1d0e09 0.0%, #21100a 2.1%, #27110a 4.3%, #2e130b 6.4%, #35150c 8.5%, #3e180d 10.6%, #471a0e 12.8%, #501c0f 14.9%, #5a1f10 17.0%, #632111 19.1%, #6c2312 21.3%, #752513 23.4%, #7c2815 25.5%, #832a16 27.7%, #8a2d17 29.8%, #912f18 31.9%, #973219 34.0%, #9d351a 36.2%, #a3381b 38.3%, #a93b1c 40.4%, #ae3f1c 42.6%, #b4421d 44.7%, #b9461e 46.8%, #bd491e 48.9%, #c24d1f 51.1%, #c65120 53.2%, #c95521 55.3%, #cd5922 57.4%, #d05d23 59.6%, #d26125 61.7%, #d56526 63.8%, #d76928 66.0%, #d96e2a 68.1%, #db722c 70.2%, #dd762f 72.3%, #df7b31 74.5%, #e27f33 76.6%, #e48436 78.7%, #e6893a 80.9%, #e78e3d 83.0%, #e99441 85.1%, #eb9945 87.2%, #ec9e4a 89.4%, #eda34e 91.5%, #eea752 93.6%, #efab55 95.7%, #f0ae58 97.9%, #f1b15b 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(18.50% 0.0276 39.38) 0.0%, oklch(19.57% 0.0323 39.08) 2.1%, oklch(20.93% 0.0385 38.66) 4.3%, oklch(22.54% 0.0459 38.14) 6.4%, oklch(24.35% 0.0542 37.56) 8.5%, oklch(26.30% 0.0631 36.95) 10.6%, oklch(28.36% 0.0724 36.33) 12.8%, oklch(30.47% 0.0818 35.73) 14.9%, oklch(32.59% 0.0911 35.18) 17.0%, oklch(34.67% 0.0999 34.71) 19.1%, oklch(36.65% 0.1081 34.36) 21.3%, oklch(38.50% 0.1153 34.14) 23.4%, oklch(40.16% 0.1213 34.09) 25.5%, oklch(41.75% 0.1266 34.16) 27.7%, oklch(43.29% 0.1315 34.32) 29.8%, oklch(44.80% 0.1361 34.55) 31.9%, oklch(46.27% 0.1403 34.87) 34.0%, oklch(47.71% 0.1441 35.26) 36.2%, oklch(49.12% 0.1475 35.73) 38.3%, oklch(50.50% 0.1505 36.26) 40.4%, oklch(51.84% 0.1532 36.85) 42.6%, oklch(53.15% 0.1555 37.51) 44.7%, oklch(54.43% 0.1575 38.21) 46.8%, oklch(55.68% 0.1592 38.98) 48.9%, oklch(56.90% 0.1604 39.79) 51.1%, oklch(58.07% 0.1611 40.68) 53.2%, oklch(59.19% 0.1613 41.65) 55.3%, oklch(60.26% 0.1610 42.68) 57.4%, oklch(61.31% 0.1604 43.78) 59.6%, oklch(62.32% 0.1594 44.94) 61.7%, oklch(63.32% 0.1582 46.15) 63.8%, oklch(64.30% 0.1568 47.40) 66.0%, oklch(65.28% 0.1552 48.70) 68.1%, oklch(66.26% 0.1536 50.03) 70.2%, oklch(67.24% 0.1521 51.38) 72.3%, oklch(68.25% 0.1506 52.76) 74.5%, oklch(69.29% 0.1490 54.22) 76.6%, oklch(70.40% 0.1472 55.84) 78.7%, oklch(71.54% 0.1452 57.60) 80.9%, oklch(72.71% 0.1429 59.45) 83.0%, oklch(73.88% 0.1406 61.35) 85.1%, oklch(75.03% 0.1382 63.25) 87.2%, oklch(76.14% 0.1358 65.10) 89.4%, oklch(77.18% 0.1335 66.87) 91.5%, oklch(78.15% 0.1314 68.50) 93.6%, oklch(79.00% 0.1296 69.95) 95.7%, oklch(79.73% 0.1280 71.18) 97.9%, oklch(80.31% 0.1268 72.13) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.185 | 0.028 | 39.4 |
| 2 | 0.398 | 0.12 | 34.1 |
| 3 | 0.563 | 0.16 | 39.4 |
| 4 | 0.685 | 0.15 | 53.1 |
| 5 | 0.803 | 0.127 | 72.1 |

## In these collections

- [Tortoiseshell colors](https://grabient.com/tortoiseshell-colors)

## Other forms

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