# Strawberry milk mocha glow

Analogous brown, pink and beige radial gradient with 32 colors: #3a1d18, #401f19, #49221c, #53251f, #5f2923, #6b2e28, #78332e, #853934, #94403c, #a34744, #b24f4e, #c15859, #ce6365, #d86f71, #e07d82, #e58c93, #ea9ba3, #edaab0, #f0b7bb, #f3c1c1, #f8cdc7, #fcd8cd, #ffe1d2, #ffe8d6, #fbe9d5, #f4e3ce, #e5d3bc, #d1bca2, #bca284, #a78867, #96724f, #8a633f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous brown, pink and beige radial gradient
- Seed: `kYRCIWNaQ_dGxPzrlj99gxGsOaPq`
- Page: https://grabient.com/kYRCIWNaQ_dGxPzrlj99gxGsOaPq?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 13 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 | `#3a1d18` | `oklch(26.77% 0.0469 30.94)` | Scorched | white, 15.4 to 1 |
| 2 | `#401f19` | `oklch(28.30% 0.0525 30.52)` | Longan’s Kernel | white, 14.7 to 1 |
| 3 | `#49221c` | `oklch(30.35% 0.0604 29.96)` | Tobi Brown | white, 13.7 to 1 |
| 4 | `#53251f` | `oklch(32.81% 0.0698 29.29)` | Torrefacto Roast | white, 12.6 to 1 |
| 5 | `#5f2923` | `oklch(35.56% 0.0797 28.54)` | Ebicha Brown | white, 11.4 to 1 |
| 6 | `#6b2e28` | `oklch(38.50% 0.0893 27.73)` | Woody Brown | white, 10.2 to 1 |
| 7 | `#78332e` | `oklch(41.52% 0.0977 26.88)` | Auburn Lights | white, 9 to 1 |
| 8 | `#853934` | `oklch(44.65% 0.1054 25.98)` | Crabapple | white, 7.9 to 1 |
| 9 | `#94403c` | `oklch(48.08% 0.1141 24.96)` | Red Red Red | white, 6.9 to 1 |
| 10 | `#a34744` | `oklch(51.72% 0.1227 23.87)` | Roof Terracotta | white, 5.9 to 1 |
| 11 | `#b24f4e` | `oklch(55.45% 0.1299 22.77)` | Enticing Red | white, 5 to 1 |
| 12 | `#c15859` | `oklch(59.17% 0.1347 21.70)` | Pimm’s | black, 4.8 to 1 |
| 13 | `#ce6365` | `oklch(62.78% 0.1359 20.72)` | Fuzzy Wuzzy | black, 5.5 to 1 |
| 14 | `#d86f71` | `oklch(66.27% 0.1320 19.62)` | Lantana | black, 6.4 to 1 |
| 15 | `#e07d82` | `oklch(69.87% 0.1225 17.61)` | Hot Gossip | black, 7.3 to 1 |
| 16 | `#e58c93` | `oklch(73.49% 0.1092 15.32)` | Strawberry Ice | black, 8.5 to 1 |
| 17 | `#ea9ba3` | `oklch(77.00% 0.0942 13.47)` | Pink Floyd | black, 9.7 to 1 |
| 18 | `#edaab0` | `oklch(80.27% 0.0792 12.83)` | Hibiscus Petal | black, 10.9 to 1 |
| 19 | `#f0b7bb` | `oklch(83.15% 0.0664 14.12)` | Purple Thorn | black, 12.1 to 1 |
| 20 | `#f3c1c1` | `oklch(85.62% 0.0574 18.23)` | Princess Bride | black, 13.2 to 1 |
| 21 | `#f8cdc7` | `oklch(88.29% 0.0499 26.22)` | Veiled Rose | black, 14.5 to 1 |
| 22 | `#fcd8cd` | `oklch(90.94% 0.0435 36.88)` | Twinkle Pink | black, 15.8 to 1 |
| 23 | `#ffe1d2` | `oklch(93.12% 0.0384 48.60)` | Light Quilt | black, 16.9 to 1 |
| 24 | `#ffe8d6` | `oklch(94.39% 0.0348 59.75)` | Macaroon Cream | black, 17.7 to 1 |
| 25 | `#fbe9d5` | `oklch(94.29% 0.0331 68.71)` | Light Dedication | black, 17.6 to 1 |
| 26 | `#f4e3ce` | `oklch(92.34% 0.0333 73.88)` | Spun Jute | black, 16.6 to 1 |
| 27 | `#e5d3bc` | `oklch(87.64% 0.0370 75.26)` | Baked Scone | black, 14.4 to 1 |
| 28 | `#d1bca2` | `oklch(80.74% 0.0434 74.02)` | Country Rubble | black, 11.4 to 1 |
| 29 | `#bca284` | `oklch(72.73% 0.0515 71.16)` | Basketry | black, 8.6 to 1 |
| 30 | `#a78867` | `oklch(64.73% 0.0597 67.65)` | Coffee With Cream | black, 6.3 to 1 |
| 31 | `#96724f` | `oklch(57.83% 0.0669 64.48)` | Renwick Golden Oak | black, 4.7 to 1 |
| 32 | `#8a633f` | `oklch(53.15% 0.0717 62.64)` | Cambridge Leather | white, 5.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #3a1d18 0.0%, #401f19 3.2%, #49221c 6.5%, #53251f 9.7%, #5f2923 12.9%, #6b2e28 16.1%, #78332e 19.4%, #853934 22.6%, #94403c 25.8%, #a34744 29.0%, #b24f4e 32.3%, #c15859 35.5%, #ce6365 38.7%, #d86f71 41.9%, #e07d82 45.2%, #e58c93 48.4%, #ea9ba3 51.6%, #edaab0 54.8%, #f0b7bb 58.1%, #f3c1c1 61.3%, #f8cdc7 64.5%, #fcd8cd 67.7%, #ffe1d2 71.0%, #ffe8d6 74.2%, #fbe9d5 77.4%, #f4e3ce 80.6%, #e5d3bc 83.9%, #d1bca2 87.1%, #bca284 90.3%, #a78867 93.5%, #96724f 96.8%, #8a633f 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(26.77% 0.0469 30.94) 0.0%, oklch(28.30% 0.0525 30.52) 3.2%, oklch(30.35% 0.0604 29.96) 6.5%, oklch(32.81% 0.0698 29.29) 9.7%, oklch(35.56% 0.0797 28.54) 12.9%, oklch(38.50% 0.0893 27.73) 16.1%, oklch(41.52% 0.0977 26.88) 19.4%, oklch(44.65% 0.1054 25.98) 22.6%, oklch(48.08% 0.1141 24.96) 25.8%, oklch(51.72% 0.1227 23.87) 29.0%, oklch(55.45% 0.1299 22.77) 32.3%, oklch(59.17% 0.1347 21.70) 35.5%, oklch(62.78% 0.1359 20.72) 38.7%, oklch(66.27% 0.1320 19.62) 41.9%, oklch(69.87% 0.1225 17.61) 45.2%, oklch(73.49% 0.1092 15.32) 48.4%, oklch(77.00% 0.0942 13.47) 51.6%, oklch(80.27% 0.0792 12.83) 54.8%, oklch(83.15% 0.0664 14.12) 58.1%, oklch(85.62% 0.0574 18.23) 61.3%, oklch(88.29% 0.0499 26.22) 64.5%, oklch(90.94% 0.0435 36.88) 67.7%, oklch(93.12% 0.0384 48.60) 71.0%, oklch(94.39% 0.0348 59.75) 74.2%, oklch(94.29% 0.0331 68.71) 77.4%, oklch(92.34% 0.0333 73.88) 80.6%, oklch(87.64% 0.0370 75.26) 83.9%, oklch(80.74% 0.0434 74.02) 87.1%, oklch(72.73% 0.0515 71.16) 90.3%, oklch(64.73% 0.0597 67.65) 93.5%, oklch(57.83% 0.0669 64.48) 96.8%, oklch(53.15% 0.0717 62.64) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.268 | 0.047 | 30.9 |
| 2 | 0.421 | 0.099 | 26.7 |
| 3 | 0.642 | 0.135 | 20.4 |
| 4 | 0.846 | 0.061 | 16.1 |
| 5 | 0.929 | 0.033 | 73.2 |
| 6 | 0.531 | 0.072 | 62.6 |

## In these collections

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

## Other forms

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