# Muted rose amber rings

Duotone maroon to brown radial gradient with 32 colors: #a24155, #a44452, #a74850, #ab4d4d, #ae5449, #b15a47, #b36144, #b46643, #b46b41, #b26e40, #b06e3f, #ad6c3d, #a9663a, #a35e38, #9d5435, #954a33, #8c3f32, #843530, #7b2c2e, #74252b, #6e1f27, #6a1c21, #671c19, #651e0d, #622300, #5c2b00, #573200, #523700, #4f3c00, #4a4000, #464400, #424600. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Duotone maroon to brown radial gradient
- Seed: `kUgl4HzCZFK2oO8wHsrg`
- Page: https://grabient.com/kUgl4HzCZFK2oO8wHsrg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.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 | `#a24155` | `oklch(51.18% 0.1295 10.55)` | Night Shadz | white, 6.1 to 1 |
| 2 | `#a44452` | `oklch(51.82% 0.1280 13.43)` | Drisheen | white, 5.9 to 1 |
| 3 | `#a74850` | `oklch(52.81% 0.1258 17.54)` | Black Pudding | white, 5.6 to 1 |
| 4 | `#ab4d4d` | `oklch(54.04% 0.1232 22.56)` | Red Leather | white, 5.3 to 1 |
| 5 | `#ae5449` | `oklch(55.40% 0.1203 28.14)` | Cherry Blink | white, 5 to 1 |
| 6 | `#b15a47` | `oklch(56.79% 0.1173 33.95)` | Iron Ore | white, 4.7 to 1 |
| 7 | `#b36144` | `oklch(58.08% 0.1142 39.65)` | Georgia Clay | black, 4.6 to 1 |
| 8 | `#b46643` | `oklch(59.16% 0.1114 44.92)` | Reynard | black, 4.9 to 1 |
| 9 | `#b46b41` | `oklch(59.93% 0.1088 49.40)` | Truepenny | black, 5.1 to 1 |
| 10 | `#b26e40` | `oklch(60.26% 0.1066 52.76)` | Orange Ballad | black, 5.1 to 1 |
| 11 | `#b06e3f` | `oklch(60.05% 0.1051 54.67)` | Ginger Dough | black, 5.1 to 1 |
| 12 | `#ad6c3d` | `oklch(59.17% 0.1043 54.67)` | Bourbon | black, 4.9 to 1 |
| 13 | `#a9663a` | `oklch(57.54% 0.1042 52.41)` | Camel Brown | black, 4.6 to 1 |
| 14 | `#a35e38` | `oklch(55.32% 0.1048 48.40)` | Desert Soil | white, 4.9 to 1 |
| 15 | `#9d5435` | `oklch(52.68% 0.1057 43.22)` | Piper | white, 5.5 to 1 |
| 16 | `#954a33` | `oklch(49.76% 0.1069 37.41)` | Arabian Spice | white, 6.3 to 1 |
| 17 | `#8c3f32` | `oklch(46.74% 0.1082 31.56)` | Burnt Henna | white, 7.2 to 1 |
| 18 | `#843530` | `oklch(43.76% 0.1094 26.21)` | Heirloom Tomato | white, 8.2 to 1 |
| 19 | `#7b2c2e` | `oklch(40.99% 0.1103 21.93)` | Strong Envy | white, 9.3 to 1 |
| 20 | `#74252b` | `oklch(38.58% 0.1108 19.29)` | Spanish Tile | white, 10.3 to 1 |
| 21 | `#6e1f27` | `oklch(36.71% 0.1107 18.85)` | Red Berry | white, 11.1 to 1 |
| 22 | `#6a1c21` | `oklch(35.50% 0.1099 21.17)` | Bloodlust | white, 11.6 to 1 |
| 23 | `#671c19` | `oklch(34.82% 0.1082 26.47)` | Cherrywood | white, 11.9 to 1 |
| 24 | `#651e0d` | `oklch(34.55% 0.1060 34.24)` | Brown Moelleux | white, 12 to 1 |
| 25 | `#622300` | `oklch(34.61% 0.1012 43.73)` | Raw Chocolate | white, 11.9 to 1 |
| 26 | `#5c2b00` | `oklch(34.92% 0.0869 54.62)` | Count Chocula | white, 11.6 to 1 |
| 27 | `#573200` | `oklch(35.40% 0.0787 66.19)` | Eyelash Camel | white, 11.3 to 1 |
| 28 | `#523700` | `oklch(35.99% 0.0751 77.84)` | Eyelash Camel | white, 10.9 to 1 |
| 29 | `#4f3c00` | `oklch(36.59% 0.0748 88.96)` | Xanthophobia | white, 10.6 to 1 |
| 30 | `#4a4000` | `oklch(37.15% 0.0770 98.94)` | Xanthophobia | white, 10.3 to 1 |
| 31 | `#464400` | `oklch(37.57% 0.0806 107.17)` | Green Not Found | white, 10 to 1 |
| 32 | `#424600` | `oklch(37.80% 0.0841 113.05)` | Green Not Found | white, 9.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #a24155 0.0%, #a44452 3.2%, #a74850 6.5%, #ab4d4d 9.7%, #ae5449 12.9%, #b15a47 16.1%, #b36144 19.4%, #b46643 22.6%, #b46b41 25.8%, #b26e40 29.0%, #b06e3f 32.3%, #ad6c3d 35.5%, #a9663a 38.7%, #a35e38 41.9%, #9d5435 45.2%, #954a33 48.4%, #8c3f32 51.6%, #843530 54.8%, #7b2c2e 58.1%, #74252b 61.3%, #6e1f27 64.5%, #6a1c21 67.7%, #671c19 71.0%, #651e0d 74.2%, #622300 77.4%, #5c2b00 80.6%, #573200 83.9%, #523700 87.1%, #4f3c00 90.3%, #4a4000 93.5%, #464400 96.8%, #424600 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(51.18% 0.1295 10.55) 0.0%, oklch(51.82% 0.1280 13.43) 3.2%, oklch(52.81% 0.1258 17.54) 6.5%, oklch(54.04% 0.1232 22.56) 9.7%, oklch(55.40% 0.1203 28.14) 12.9%, oklch(56.79% 0.1173 33.95) 16.1%, oklch(58.08% 0.1142 39.65) 19.4%, oklch(59.16% 0.1114 44.92) 22.6%, oklch(59.93% 0.1088 49.40) 25.8%, oklch(60.26% 0.1066 52.76) 29.0%, oklch(60.05% 0.1051 54.67) 32.3%, oklch(59.17% 0.1043 54.67) 35.5%, oklch(57.54% 0.1042 52.41) 38.7%, oklch(55.32% 0.1048 48.40) 41.9%, oklch(52.68% 0.1057 43.22) 45.2%, oklch(49.76% 0.1069 37.41) 48.4%, oklch(46.74% 0.1082 31.56) 51.6%, oklch(43.76% 0.1094 26.21) 54.8%, oklch(40.99% 0.1103 21.93) 58.1%, oklch(38.58% 0.1108 19.29) 61.3%, oklch(36.71% 0.1107 18.85) 64.5%, oklch(35.50% 0.1099 21.17) 67.7%, oklch(34.82% 0.1082 26.47) 71.0%, oklch(34.55% 0.1060 34.24) 74.2%, oklch(34.61% 0.1012 43.73) 77.4%, oklch(34.92% 0.0869 54.62) 80.6%, oklch(35.40% 0.0787 66.19) 83.9%, oklch(35.99% 0.0751 77.84) 87.1%, oklch(36.59% 0.0748 88.96) 90.3%, oklch(37.15% 0.0770 98.94) 93.5%, oklch(37.57% 0.0806 107.17) 96.8%, oklch(37.80% 0.0841 113.05) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.512 | 0.13 | 10.5 |
| 2 | 0.598 | 0.105 | 54.9 |
| 3 | 0.358 | 0.11 | 20.1 |
| 4 | 0.378 | 0.084 | 113.1 |

## In these collections

- [Red and green gradients](https://grabient.com/red-and-green-gradients)

## Other forms

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