# Rainy Rose Window

From the center outward, the gradient begins in ivory, passes through steel blue, ivory, and rose pink, then reaches pale cream at the edge. The continuous transition leaves broad, usable areas for foreground type while preserving the complete approved color journey.

- Also called: Gray, blue, pink and beige radial gradient
- Seed: `kW7A0S0o8umqLS3ItELco1Go`
- Page: https://grabient.com/kW7A0S0o8umqLS3ItELco1Go?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: pastel
- Hues: complementary
- Contrast of its darkest and lightest colors: 3.8 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 | `#f3e3e1` | `oklch(92.91% 0.0179 26.02)` | Pink Emulsion | black, 16.9 to 1 |
| 2 | `#ecdadb` | `oklch(90.33% 0.0200 12.48)` | Discrete Pink | black, 15.6 to 1 |
| 3 | `#e0cdd4` | `oklch(86.53% 0.0231 352.51)` | Light Pelican Bill | black, 13.8 to 1 |
| 4 | `#cebecd` | `oklch(81.97% 0.0269 328.63)` | My Mona | black, 11.8 to 1 |
| 5 | `#b9b0c5` | `oklch(77.16% 0.0308 303.34)` | Violet Bouquet | black, 10 to 1 |
| 6 | `#a1a5bc` | `oklch(72.55% 0.0346 279.19)` | Icelandic Blue | black, 8.5 to 1 |
| 7 | `#8c9bb2` | `oklch(68.65% 0.0379 258.68)` | Moon Veil | black, 7.4 to 1 |
| 8 | `#7e95a9` | `oklch(65.93% 0.0403 244.33)` | Nordland Blue | black, 6.7 to 1 |
| 9 | `#7893a6` | `oklch(64.89% 0.0414 238.61)` | American Anthem | black, 6.5 to 1 |
| 10 | `#7d95a9` | `oklch(65.85% 0.0402 241.76)` | Nordland Blue | black, 6.7 to 1 |
| 11 | `#899cb0` | `oklch(68.39% 0.0369 251.69)` | Private Jet | black, 7.4 to 1 |
| 12 | `#9ba4ba` | `oklch(71.91% 0.0328 266.36)` | Zen Blue | black, 8.4 to 1 |
| 13 | `#aeaec3` | `oklch(75.81% 0.0288 283.74)` | Wisteria Trellis | black, 9.6 to 1 |
| 14 | `#bfb9ca` | `oklch(79.49% 0.0259 301.78)` | Blue Haze | black, 10.9 to 1 |
| 15 | `#ccc0d0` | `oklch(82.37% 0.0252 318.43)` | Romantic Poetry | black, 12 to 1 |
| 16 | `#d5c4d2` | `oklch(83.84% 0.0276 331.66)` | Frosted Grape | black, 12.6 to 1 |
| 17 | `#d9c0cf` | `oklch(83.30% 0.0345 339.91)` | Pale Petals | black, 12.3 to 1 |
| 18 | `#d7b4c7` | `oklch(80.65% 0.0477 345.15)` | Private-Label Pink | black, 11.2 to 1 |
| 19 | `#d3a2ba` | `oklch(76.49% 0.0654 348.43)` | Gizmo | black, 9.6 to 1 |
| 20 | `#cd8daa` | `oklch(71.52% 0.0853 350.44)` | Kiss | black, 7.9 to 1 |
| 21 | `#c5789a` | `oklch(66.41% 0.1052 351.87)` | Dolomite Red | black, 6.5 to 1 |
| 22 | `#bd648c` | `oklch(61.85% 0.1229 353.38)` | Malevolent Mauve | black, 5.3 to 1 |
| 23 | `#b8557f` | `oklch(58.51% 0.1362 355.67)` | Speedwell | black, 4.6 to 1 |
| 24 | `#b84e75` | `oklch(57.07% 0.1429 359.41)` | Royal Heath | white, 4.8 to 1 |
| 25 | `#bd516f` | `oklch(58.06% 0.1412 5.12)` | Tulip Red | white, 4.6 to 1 |
| 26 | `#c55e6e` | `oklch(61.16% 0.1318 12.45)` | Candy Drop | black, 5.2 to 1 |
| 27 | `#cf7272` | `oklch(65.75% 0.1171 20.80)` | Light Tomato | black, 6.3 to 1 |
| 28 | `#d98a7e` | `oklch(71.23% 0.0990 29.60)` | Indian Sunset | black, 7.9 to 1 |
| 29 | `#e2a38f` | `oklch(77.01% 0.0797 38.27)` | Venetian Plaster | black, 9.8 to 1 |
| 30 | `#e8baa5` | `oklch(82.49% 0.0614 46.24)` | Diva Rouge | black, 12 to 1 |
| 31 | `#eecdb9` | `oklch(87.07% 0.0460 52.91)` | Desert Field | black, 14 to 1 |
| 32 | `#f2d9c8` | `oklch(90.16% 0.0358 57.72)` | York Bisque | black, 15.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f3e3e1 0.0%, #ecdadb 3.2%, #e0cdd4 6.5%, #cebecd 9.7%, #b9b0c5 12.9%, #a1a5bc 16.1%, #8c9bb2 19.4%, #7e95a9 22.6%, #7893a6 25.8%, #7d95a9 29.0%, #899cb0 32.3%, #9ba4ba 35.5%, #aeaec3 38.7%, #bfb9ca 41.9%, #ccc0d0 45.2%, #d5c4d2 48.4%, #d9c0cf 51.6%, #d7b4c7 54.8%, #d3a2ba 58.1%, #cd8daa 61.3%, #c5789a 64.5%, #bd648c 67.7%, #b8557f 71.0%, #b84e75 74.2%, #bd516f 77.4%, #c55e6e 80.6%, #cf7272 83.9%, #d98a7e 87.1%, #e2a38f 90.3%, #e8baa5 93.5%, #eecdb9 96.8%, #f2d9c8 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(92.91% 0.0179 26.02) 0.0%, oklch(90.33% 0.0200 12.48) 3.2%, oklch(86.53% 0.0231 352.51) 6.5%, oklch(81.97% 0.0269 328.63) 9.7%, oklch(77.16% 0.0308 303.34) 12.9%, oklch(72.55% 0.0346 279.19) 16.1%, oklch(68.65% 0.0379 258.68) 19.4%, oklch(65.93% 0.0403 244.33) 22.6%, oklch(64.89% 0.0414 238.61) 25.8%, oklch(65.85% 0.0402 241.76) 29.0%, oklch(68.39% 0.0369 251.69) 32.3%, oklch(71.91% 0.0328 266.36) 35.5%, oklch(75.81% 0.0288 283.74) 38.7%, oklch(79.49% 0.0259 301.78) 41.9%, oklch(82.37% 0.0252 318.43) 45.2%, oklch(83.84% 0.0276 331.66) 48.4%, oklch(83.30% 0.0345 339.91) 51.6%, oklch(80.65% 0.0477 345.15) 54.8%, oklch(76.49% 0.0654 348.43) 58.1%, oklch(71.52% 0.0853 350.44) 61.3%, oklch(66.41% 0.1052 351.87) 64.5%, oklch(61.85% 0.1229 353.38) 67.7%, oklch(58.51% 0.1362 355.67) 71.0%, oklch(57.07% 0.1429 359.41) 74.2%, oklch(58.06% 0.1412 5.12) 77.4%, oklch(61.16% 0.1318 12.45) 80.6%, oklch(65.75% 0.1171 20.80) 83.9%, oklch(71.23% 0.0990 29.60) 87.1%, oklch(77.01% 0.0797 38.27) 90.3%, oklch(82.49% 0.0614 46.24) 93.5%, oklch(87.07% 0.0460 52.91) 96.8%, oklch(90.16% 0.0358 57.72) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.929 | 0.018 | 26 |
| 2 | 0.65 | 0.041 | -120.9 |
| 3 | 0.839 | 0.03 | -23.7 |
| 4 | 0.571 | 0.143 | 0.7 |
| 5 | 0.902 | 0.036 | 57.7 |

## In these collections

- [Romantic color palette](https://grabient.com/romantic-color-palette)

## Other forms

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