# Crimson, cream and mauve magnolia rain morning

The Crimson, cream and mauve magnolia rain morning brings together red, light red, off-white, light gray, and light blue. The colors span a moderate lightness range, combining restrained color with gentle contrast. Its light and open character suits travel posters and environmental mood boards. Its darkest tone is red, and its lightest tone is off-white.

- Also called: Pastel pink to gray radial gradient
- Seed: `kWqTME6hDB3YGRnyB0w345Fg`
- Page: https://grabient.com/kWqTME6hDB3YGRnyB0w345Fg?style=radialGradient&steps=32&angle=45
- Drawn as: radial gradient, 32 steps, 45 degrees
- Kinds: pastel, light
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.5 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 | `#ba828d` | `oklch(66.54% 0.0703 6.33)` | Berry Blush | black, 6.6 to 1 |
| 2 | `#be8791` | `oklch(67.95% 0.0683 7.31)` | Strawberry Jubilee | black, 7 to 1 |
| 3 | `#c38d96` | `oklch(69.89% 0.0657 8.33)` | Solid Pink | black, 7.5 to 1 |
| 4 | `#c9959d` | `oklch(72.20% 0.0627 9.52)` | Minstrel Rose | black, 8.2 to 1 |
| 5 | `#d09ea4` | `oklch(74.73% 0.0592 11.03)` | Silver Rose | black, 9.1 to 1 |
| 6 | `#d6a7ab` | `oklch(77.32% 0.0556 13.02)` | Foxy Lady | black, 10 to 1 |
| 7 | `#ddb0b2` | `oklch(79.81% 0.0518 15.64)` | Sakura | black, 10.9 to 1 |
| 8 | `#e2b8b8` | `oklch(82.05% 0.0481 19.03)` | Bistro Pink | black, 11.8 to 1 |
| 9 | `#e6c0bc` | `oklch(83.89% 0.0446 23.34)` | Rosy Glow | black, 12.5 to 1 |
| 10 | `#e9c6c1` | `oklch(85.55% 0.0407 28.29)` | Friends | black, 13.3 to 1 |
| 11 | `#eccdc5` | `oklch(87.13% 0.0364 33.82)` | Leverkaas | black, 14 to 1 |
| 12 | `#edd3ca` | `oklch(88.60% 0.0320 39.98)` | Fine Alabaster | black, 14.7 to 1 |
| 13 | `#eed9cf` | `oklch(89.92% 0.0277 46.83)` | Touch of Tan | black, 15.4 to 1 |
| 14 | `#efded3` | `oklch(91.06% 0.0237 54.43)` | Spice Cookie | black, 16 to 1 |
| 15 | `#efe2d7` | `oklch(91.99% 0.0202 62.84)` | Grain White | black, 16.5 to 1 |
| 16 | `#eee5da` | `oklch(92.67% 0.0175 72.14)` | Pearl Dust | black, 16.8 to 1 |
| 17 | `#ede7dd` | `oklch(93.09% 0.0158 82.55)` | Umber Style | black, 17.1 to 1 |
| 18 | `#ece9de` | `oklch(93.27% 0.0148 94.96)` | Swallow-Tailed Moth | black, 17.2 to 1 |
| 19 | `#e9eadf` | `oklch(93.23% 0.0145 108.91)` | Winter Glaze | black, 17.2 to 1 |
| 20 | `#e6eadf` | `oklch(92.98% 0.0147 123.73)` | Hydrangea Floret | black, 17.1 to 1 |
| 21 | `#e1e9df` | `oklch(92.53% 0.0153 138.74)` | Spider Cotton | black, 16.9 to 1 |
| 22 | `#dce8df` | `oklch(91.89% 0.0163 153.27)` | Spearmint Scent | black, 16.6 to 1 |
| 23 | `#d7e5df` | `oklch(91.06% 0.0176 166.64)` | Fizzle | black, 16.2 to 1 |
| 24 | `#d2e3de` | `oklch(90.04% 0.0189 178.17)` | Morning Breeze | black, 15.7 to 1 |
| 25 | `#ccdfdc` | `oklch(88.74% 0.0206 187.71)` | Icelandish | black, 15 to 1 |
| 26 | `#c4d9d9` | `oklch(86.96% 0.0229 196.16)` | Barest Hint of Blue | black, 14.2 to 1 |
| 27 | `#bbd3d5` | `oklch(84.85% 0.0257 203.63)` | Relax | black, 13.3 to 1 |
| 28 | `#b2cbd0` | `oklch(82.57% 0.0287 210.18)` | April Tears | black, 12.3 to 1 |
| 29 | `#a9c4cc` | `oklch(80.30% 0.0318 215.87)` | Salt Spray | black, 11.4 to 1 |
| 30 | `#a1bec8` | `oklch(78.20% 0.0346 220.74)` | Juliet Blue | black, 10.6 to 1 |
| 31 | `#9ab8c4` | `oklch(76.45% 0.0369 224.84)` | Shallow Sea | black, 10 to 1 |
| 32 | `#96b4c2` | `oklch(75.20% 0.0386 228.25)` | Respite | black, 9.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #ba828d 0.0%, #be8791 3.2%, #c38d96 6.5%, #c9959d 9.7%, #d09ea4 12.9%, #d6a7ab 16.1%, #ddb0b2 19.4%, #e2b8b8 22.6%, #e6c0bc 25.8%, #e9c6c1 29.0%, #eccdc5 32.3%, #edd3ca 35.5%, #eed9cf 38.7%, #efded3 41.9%, #efe2d7 45.2%, #eee5da 48.4%, #ede7dd 51.6%, #ece9de 54.8%, #e9eadf 58.1%, #e6eadf 61.3%, #e1e9df 64.5%, #dce8df 67.7%, #d7e5df 71.0%, #d2e3de 74.2%, #ccdfdc 77.4%, #c4d9d9 80.6%, #bbd3d5 83.9%, #b2cbd0 87.1%, #a9c4cc 90.3%, #a1bec8 93.5%, #9ab8c4 96.8%, #96b4c2 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(66.54% 0.0703 6.33) 0.0%, oklch(67.95% 0.0683 7.31) 3.2%, oklch(69.89% 0.0657 8.33) 6.5%, oklch(72.20% 0.0627 9.52) 9.7%, oklch(74.73% 0.0592 11.03) 12.9%, oklch(77.32% 0.0556 13.02) 16.1%, oklch(79.81% 0.0518 15.64) 19.4%, oklch(82.05% 0.0481 19.03) 22.6%, oklch(83.89% 0.0446 23.34) 25.8%, oklch(85.55% 0.0407 28.29) 29.0%, oklch(87.13% 0.0364 33.82) 32.3%, oklch(88.60% 0.0320 39.98) 35.5%, oklch(89.92% 0.0277 46.83) 38.7%, oklch(91.06% 0.0237 54.43) 41.9%, oklch(91.99% 0.0202 62.84) 45.2%, oklch(92.67% 0.0175 72.14) 48.4%, oklch(93.09% 0.0158 82.55) 51.6%, oklch(93.27% 0.0148 94.96) 54.8%, oklch(93.23% 0.0145 108.91) 58.1%, oklch(92.98% 0.0147 123.73) 61.3%, oklch(92.53% 0.0153 138.74) 64.5%, oklch(91.89% 0.0163 153.27) 67.7%, oklch(91.06% 0.0176 166.64) 71.0%, oklch(90.04% 0.0189 178.17) 74.2%, oklch(88.74% 0.0206 187.71) 77.4%, oklch(86.96% 0.0229 196.16) 80.6%, oklch(84.85% 0.0257 203.63) 83.9%, oklch(82.57% 0.0287 210.18) 87.1%, oklch(80.30% 0.0318 215.87) 90.3%, oklch(78.20% 0.0346 220.74) 93.5%, oklch(76.45% 0.0369 224.84) 96.8%, oklch(75.20% 0.0386 228.25) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.665 | 0.07 | 6.3 |
| 2 | 0.835 | 0.045 | 22.2 |
| 3 | 0.929 | 0.017 | 77.1 |
| 4 | 0.898 | 0.019 | 180.7 |
| 5 | 0.752 | 0.039 | 228.2 |

## In these collections

- [Magnolia rain morning](https://grabient.com/magnolia-rain-morning)

## Other forms

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