# Sage Blossom Rain Halo

Pastel gray, tan and blue radial gradient with 32 colors: #95ac97, #96ad95, #98ad92, #9cae8e, #a0ae8a, #a6ae85, #acae80, #b4ad7c, #bbab79, #c3aa78, #c9a879, #cfa77c, #d3a680, #d6a586, #d8a58d, #daa594, #daa59c, #daa6a3, #d9a7ab, #d7a8b2, #d6aab9, #d4abc0, #d1adc8, #cdafd1, #c8b2d9, #c1b5e1, #b8b9e7, #afbeec, #a5c2ee, #9dc6ef, #96c9ee, #91ccec. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pastel gray, tan and blue radial gradient
- Seed: `kUtx1pX5s3OOUNfnm7Ig`
- Page: https://grabient.com/kUtx1pX5s3OOUNfnm7Ig?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: even lightness, pastel, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 1.3 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 | `#95ac97` | `oklch(72.05% 0.0400 147.66)` | Green Amazons | black, 8.6 to 1 |
| 2 | `#96ad95` | `oklch(72.23% 0.0422 143.46)` | Hidden Glade | black, 8.6 to 1 |
| 3 | `#98ad92` | `oklch(72.46% 0.0453 138.15)` | Hidden Glade | black, 8.7 to 1 |
| 4 | `#9cae8e` | `oklch(72.73% 0.0491 131.90)` | Cardoon | black, 8.8 to 1 |
| 5 | `#a0ae8a` | `oklch(73.04% 0.0533 124.89)` | Cucumber Crush | black, 8.9 to 1 |
| 6 | `#a6ae85` | `oklch(73.37% 0.0577 117.27)` | Filigree Green | black, 9 to 1 |
| 7 | `#acae80` | `oklch(73.72% 0.0620 109.23)` | Stuffed Olive | black, 9.1 to 1 |
| 8 | `#b4ad7c` | `oklch(74.07% 0.0661 100.94)` | Even Growth | black, 9.1 to 1 |
| 9 | `#bbab79` | `oklch(74.42% 0.0696 92.56)` | Nettle | black, 9.2 to 1 |
| 10 | `#c3aa78` | `oklch(74.77% 0.0723 84.28)` | Cobbler | black, 9.3 to 1 |
| 11 | `#c9a879` | `oklch(75.09% 0.0741 76.27)` | Sugar Pie | black, 9.3 to 1 |
| 12 | `#cfa77c` | `oklch(75.40% 0.0746 68.59)` | City Sunrise | black, 9.4 to 1 |
| 13 | `#d3a680` | `oklch(75.70% 0.0739 60.99)` | City Sunrise | black, 9.5 to 1 |
| 14 | `#d6a586` | `oklch(76.01% 0.0723 53.40)` | Yolande | black, 9.6 to 1 |
| 15 | `#d8a58d` | `oklch(76.31% 0.0699 45.75)` | Shetland Pony | black, 9.6 to 1 |
| 16 | `#daa594` | `oklch(76.62% 0.0671 37.99)` | Conch Pink | black, 9.7 to 1 |
| 17 | `#daa59c` | `oklch(76.92% 0.0641 30.07)` | Quiet Pink | black, 9.8 to 1 |
| 18 | `#daa6a3` | `oklch(77.23% 0.0612 21.91)` | Mellow Rose | black, 9.9 to 1 |
| 19 | `#d9a7ab` | `oklch(77.53% 0.0586 13.47)` | Prom | black, 10 to 1 |
| 20 | `#d7a8b2` | `oklch(77.84% 0.0565 4.69)` | Pink Nectar | black, 10.1 to 1 |
| 21 | `#d6aab9` | `oklch(78.14% 0.0553 355.51)` | Pink Nectar | black, 10.2 to 1 |
| 22 | `#d4abc0` | `oklch(78.45% 0.0552 345.81)` | Heart to Heart | black, 10.3 to 1 |
| 23 | `#d1adc8` | `oklch(78.78% 0.0560 334.85)` | Orchid Bouquet | black, 10.5 to 1 |
| 24 | `#cdafd1` | `oklch(79.12% 0.0575 322.75)` | Windsor Purple | black, 10.6 to 1 |
| 25 | `#c8b2d9` | `oklch(79.47% 0.0596 309.90)` | Sea Lavender | black, 10.8 to 1 |
| 26 | `#c1b5e1` | `oklch(79.83% 0.0620 296.70)` | Melrose | black, 10.9 to 1 |
| 27 | `#b8b9e7` | `oklch(80.18% 0.0647 283.57)` | Pretty Posie | black, 11.1 to 1 |
| 28 | `#afbeec` | `oklch(80.51% 0.0675 270.90)` | Larkspur Bud | black, 11.3 to 1 |
| 29 | `#a5c2ee` | `oklch(80.81% 0.0701 259.10)` | Sky High | black, 11.5 to 1 |
| 30 | `#9dc6ef` | `oklch(81.08% 0.0725 248.56)` | Sail to the Sea | black, 11.7 to 1 |
| 31 | `#96c9ee` | `oklch(81.32% 0.0744 239.70)` | Honolulu | black, 11.8 to 1 |
| 32 | `#91ccec` | `oklch(81.50% 0.0758 232.90)` | Light Cornflower Blue | black, 12 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #95ac97 0.0%, #96ad95 3.2%, #98ad92 6.5%, #9cae8e 9.7%, #a0ae8a 12.9%, #a6ae85 16.1%, #acae80 19.4%, #b4ad7c 22.6%, #bbab79 25.8%, #c3aa78 29.0%, #c9a879 32.3%, #cfa77c 35.5%, #d3a680 38.7%, #d6a586 41.9%, #d8a58d 45.2%, #daa594 48.4%, #daa59c 51.6%, #daa6a3 54.8%, #d9a7ab 58.1%, #d7a8b2 61.3%, #d6aab9 64.5%, #d4abc0 67.7%, #d1adc8 71.0%, #cdafd1 74.2%, #c8b2d9 77.4%, #c1b5e1 80.6%, #b8b9e7 83.9%, #afbeec 87.1%, #a5c2ee 90.3%, #9dc6ef 93.5%, #96c9ee 96.8%, #91ccec 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(72.05% 0.0400 147.66) 0.0%, oklch(72.23% 0.0422 143.46) 3.2%, oklch(72.46% 0.0453 138.15) 6.5%, oklch(72.73% 0.0491 131.90) 9.7%, oklch(73.04% 0.0533 124.89) 12.9%, oklch(73.37% 0.0577 117.27) 16.1%, oklch(73.72% 0.0620 109.23) 19.4%, oklch(74.07% 0.0661 100.94) 22.6%, oklch(74.42% 0.0696 92.56) 25.8%, oklch(74.77% 0.0723 84.28) 29.0%, oklch(75.09% 0.0741 76.27) 32.3%, oklch(75.40% 0.0746 68.59) 35.5%, oklch(75.70% 0.0739 60.99) 38.7%, oklch(76.01% 0.0723 53.40) 41.9%, oklch(76.31% 0.0699 45.75) 45.2%, oklch(76.62% 0.0671 37.99) 48.4%, oklch(76.92% 0.0641 30.07) 51.6%, oklch(77.23% 0.0612 21.91) 54.8%, oklch(77.53% 0.0586 13.47) 58.1%, oklch(77.84% 0.0565 4.69) 61.3%, oklch(78.14% 0.0553 355.51) 64.5%, oklch(78.45% 0.0552 345.81) 67.7%, oklch(78.78% 0.0560 334.85) 71.0%, oklch(79.12% 0.0575 322.75) 74.2%, oklch(79.47% 0.0596 309.90) 77.4%, oklch(79.83% 0.0620 296.70) 80.6%, oklch(80.18% 0.0647 283.57) 83.9%, oklch(80.51% 0.0675 270.90) 87.1%, oklch(80.81% 0.0701 259.10) 90.3%, oklch(81.08% 0.0725 248.56) 93.5%, oklch(81.32% 0.0744 239.70) 96.8%, oklch(81.50% 0.0758 232.90) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.72 | 0.04 | 147.7 |
| 2 | 0.752 | 0.074 | 73.7 |
| 3 | 0.783 | 0.055 | -10.9 |
| 4 | 0.815 | 0.076 | -127.1 |

## In these collections

- [Spring pastel gradients](https://grabient.com/spring-pastel-gradients)

## Other forms

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