# Coral flower twilight glow

Analogous brown, maroon and pink radial gradient with 40 colors: #340a02, #380c03, #3d0d04, #421005, #491207, #4f150a, #57180d, #5f1b11, #671e15, #6f2219, #78251e, #802923, #882c28, #8f302d, #963332, #9d3738, #a53a3d, #ac3d43, #b34149, #ba454f, #c14856, #c84c5d, #ce5065, #d4556d, #da5a75, #df5f7e, #e36587, #e66b90, #e9729b, #eb7aa6, #ed82b1, #ed8abb, #ed92c5, #ed9ace, #eda2d6, #eda9dc, #ecb0e2, #ecb6e7, #ecbbea, #ecbfed. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous brown, maroon and pink radial gradient
- Seed: `kUODMZOS8-1U6PZtHTsg`
- Page: https://grabient.com/kUODMZOS8-1U6PZtHTsg?style=radialGradient&steps=40&angle=315
- Drawn as: radial gradient, 40 steps, 315 degrees
- Kinds: dark to light, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 11.1 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 | `#340a02` | `oklch(22.05% 0.0703 35.16)` | 3AM Breakup | white, 17.6 to 1 |
| 2 | `#380c03` | `oklch(23.06% 0.0730 34.77)` | Red Bean | white, 17.2 to 1 |
| 3 | `#3d0d04` | `oklch(24.31% 0.0764 34.32)` | Red Bean | white, 16.6 to 1 |
| 4 | `#421005` | `oklch(25.77% 0.0805 33.83)` | Black Chocolate | white, 16 to 1 |
| 5 | `#491207` | `oklch(27.42% 0.0851 33.28)` | Bean | white, 15.3 to 1 |
| 6 | `#4f150a` | `oklch(29.20% 0.0901 32.67)` | Earth Brown | white, 14.5 to 1 |
| 7 | `#57180d` | `oklch(31.10% 0.0953 32.01)` | Baragon Brown | white, 13.6 to 1 |
| 8 | `#5f1b11` | `oklch(33.09% 0.1007 31.29)` | Altar Wine | white, 12.7 to 1 |
| 9 | `#671e15` | `oklch(35.12% 0.1061 30.51)` | Cherrywood | white, 11.8 to 1 |
| 10 | `#6f2219` | `oklch(37.17% 0.1115 29.66)` | Prune | white, 10.9 to 1 |
| 11 | `#78251e` | `oklch(39.20% 0.1166 28.76)` | Incubus | white, 10 to 1 |
| 12 | `#802923` | `oklch(41.18% 0.1214 27.79)` | Posh Red | white, 9.3 to 1 |
| 13 | `#882c28` | `oklch(43.09% 0.1258 26.75)` | Borscht | white, 8.6 to 1 |
| 14 | `#8f302d` | `oklch(44.88% 0.1295 25.65)` | Potion № 9 | white, 7.9 to 1 |
| 15 | `#963332` | `oklch(46.61% 0.1331 24.50)` | Red Ochre | white, 7.4 to 1 |
| 16 | `#9d3738` | `oklch(48.35% 0.1369 23.34)` | Milano Red | white, 6.9 to 1 |
| 17 | `#a53a3d` | `oklch(50.09% 0.1408 22.14)` | Scarlet Past | white, 6.4 to 1 |
| 18 | `#ac3d43` | `oklch(51.83% 0.1446 20.90)` | Frosted Pomegranate | white, 5.9 to 1 |
| 19 | `#b34149` | `oklch(53.56% 0.1483 19.61)` | Pomegranate | white, 5.5 to 1 |
| 20 | `#ba454f` | `oklch(55.29% 0.1518 18.24)` | Dusty Red | white, 5.1 to 1 |
| 21 | `#c14856` | `oklch(57.01% 0.1549 16.78)` | Saffron Desires | white, 4.8 to 1 |
| 22 | `#c84c5d` | `oklch(58.71% 0.1575 15.23)` | Claret Red | black, 4.6 to 1 |
| 23 | `#ce5065` | `oklch(60.40% 0.1596 13.57)` | Cherry Hill | black, 4.9 to 1 |
| 24 | `#d4556d` | `oklch(62.07% 0.1610 11.79)` | Kenny’s Kiss | black, 5.3 to 1 |
| 25 | `#da5a75` | `oklch(63.72% 0.1615 9.87)` | Fever Dream | black, 5.6 to 1 |
| 26 | `#df5f7e` | `oklch(65.34% 0.1612 7.80)` | Hint of Cherry | black, 6 to 1 |
| 27 | `#e36587` | `oklch(66.93% 0.1598 5.57)` | Love Letter | black, 6.4 to 1 |
| 28 | `#e66b90` | `oklch(68.54% 0.1571 3.03)` | Shadow Azalea Pink | black, 6.8 to 1 |
| 29 | `#e9729b` | `oklch(70.20% 0.1528 0.09)` | Shadow Azalea Pink | black, 7.3 to 1 |
| 30 | `#eb7aa6` | `oklch(71.89% 0.1473 356.85)` | Pink Carnation | black, 7.8 to 1 |
| 31 | `#ed82b1` | `oklch(73.60% 0.1408 353.38)` | Brown Knapweed | black, 8.3 to 1 |
| 32 | `#ed8abb` | `oklch(75.29% 0.1335 349.76)` | Brown Knapweed | black, 8.9 to 1 |
| 33 | `#ed92c5` | `oklch(76.95% 0.1257 346.07)` | Pearly Pink | black, 9.5 to 1 |
| 34 | `#ed9ace` | `oklch(78.55% 0.1178 342.41)` | Pearly Pink | black, 10.1 to 1 |
| 35 | `#eda2d6` | `oklch(80.08% 0.1099 338.84)` | Violet Kiss | black, 10.7 to 1 |
| 36 | `#eda9dc` | `oklch(81.51% 0.1022 335.46)` | Pretty Pink Piggy | black, 11.3 to 1 |
| 37 | `#ecb0e2` | `oklch(82.82% 0.0952 332.35)` | Pretty Pink Piggy | black, 11.8 to 1 |
| 38 | `#ecb6e7` | `oklch(83.99% 0.0889 329.58)` | Lovecloud | black, 12.4 to 1 |
| 39 | `#ecbbea` | `oklch(85.00% 0.0838 327.24)` | Lovecloud | black, 12.8 to 1 |
| 40 | `#ecbfed` | `oklch(85.83% 0.0799 325.41)` | Purple’s Baby Sister | black, 13.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #340a02 0.0%, #380c03 2.6%, #3d0d04 5.1%, #421005 7.7%, #491207 10.3%, #4f150a 12.8%, #57180d 15.4%, #5f1b11 17.9%, #671e15 20.5%, #6f2219 23.1%, #78251e 25.6%, #802923 28.2%, #882c28 30.8%, #8f302d 33.3%, #963332 35.9%, #9d3738 38.5%, #a53a3d 41.0%, #ac3d43 43.6%, #b34149 46.2%, #ba454f 48.7%, #c14856 51.3%, #c84c5d 53.8%, #ce5065 56.4%, #d4556d 59.0%, #da5a75 61.5%, #df5f7e 64.1%, #e36587 66.7%, #e66b90 69.2%, #e9729b 71.8%, #eb7aa6 74.4%, #ed82b1 76.9%, #ed8abb 79.5%, #ed92c5 82.1%, #ed9ace 84.6%, #eda2d6 87.2%, #eda9dc 89.7%, #ecb0e2 92.3%, #ecb6e7 94.9%, #ecbbea 97.4%, #ecbfed 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(22.05% 0.0703 35.16) 0.0%, oklch(23.06% 0.0730 34.77) 2.6%, oklch(24.31% 0.0764 34.32) 5.1%, oklch(25.77% 0.0805 33.83) 7.7%, oklch(27.42% 0.0851 33.28) 10.3%, oklch(29.20% 0.0901 32.67) 12.8%, oklch(31.10% 0.0953 32.01) 15.4%, oklch(33.09% 0.1007 31.29) 17.9%, oklch(35.12% 0.1061 30.51) 20.5%, oklch(37.17% 0.1115 29.66) 23.1%, oklch(39.20% 0.1166 28.76) 25.6%, oklch(41.18% 0.1214 27.79) 28.2%, oklch(43.09% 0.1258 26.75) 30.8%, oklch(44.88% 0.1295 25.65) 33.3%, oklch(46.61% 0.1331 24.50) 35.9%, oklch(48.35% 0.1369 23.34) 38.5%, oklch(50.09% 0.1408 22.14) 41.0%, oklch(51.83% 0.1446 20.90) 43.6%, oklch(53.56% 0.1483 19.61) 46.2%, oklch(55.29% 0.1518 18.24) 48.7%, oklch(57.01% 0.1549 16.78) 51.3%, oklch(58.71% 0.1575 15.23) 53.8%, oklch(60.40% 0.1596 13.57) 56.4%, oklch(62.07% 0.1610 11.79) 59.0%, oklch(63.72% 0.1615 9.87) 61.5%, oklch(65.34% 0.1612 7.80) 64.1%, oklch(66.93% 0.1598 5.57) 66.7%, oklch(68.54% 0.1571 3.03) 69.2%, oklch(70.20% 0.1528 0.09) 71.8%, oklch(71.89% 0.1473 356.85) 74.4%, oklch(73.60% 0.1408 353.38) 76.9%, oklch(75.29% 0.1335 349.76) 79.5%, oklch(76.95% 0.1257 346.07) 82.1%, oklch(78.55% 0.1178 342.41) 84.6%, oklch(80.08% 0.1099 338.84) 87.2%, oklch(81.51% 0.1022 335.46) 89.7%, oklch(82.82% 0.0952 332.35) 92.3%, oklch(83.99% 0.0889 329.58) 94.9%, oklch(85.00% 0.0838 327.24) 97.4%, oklch(85.83% 0.0799 325.41) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.22 | 0.07 | 35.2 |
| 2 | 0.449 | 0.13 | 25.6 |
| 3 | 0.669 | 0.16 | 5.6 |
| 4 | 0.858 | 0.08 | -34.6 |

## In these collections

- [Tropical gradients](https://grabient.com/tropical-gradients)

## Other forms

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