# Powder blue and sage hydrangea ribbon boutonniere

Pastel blue, lavender and gray radial gradient with 32 colors: #c7d8ea, #c5d6ea, #c2d3ea, #c0d0e9, #becce9, #bcc8e8, #bac3e7, #b9bee5, #b9b8e3, #b8b3e0, #b7aede, #b6a9db, #b5a5d8, #b3a1d6, #b09dd4, #ac9bd3, #a69ad2, #9f9ad2, #969ad1, #8b9ccf, #819dcc, #769fc6, #6da1bf, #68a2b6, #66a2ab, #67a1a1, #6ca097, #729f8e, #789d87, #7d9a82, #82997e, #85977b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pastel blue, lavender and gray radial gradient
- Seed: `kS3hey253FVMQrM`
- Page: https://grabient.com/kS3hey253FVMQrM?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: pastel, cool
- Hues: two-hue
- Contrast of its darkest and lightest colors: 2.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 | `#c7d8ea` | `oklch(87.40% 0.0317 251.02)` | Light Placid Blue | black, 14.3 to 1 |
| 2 | `#c5d6ea` | `oklch(86.83% 0.0337 253.07)` | Fluid Blue | black, 14.1 to 1 |
| 3 | `#c2d3ea` | `oklch(86.11% 0.0363 256.16)` | Slipstream | black, 13.7 to 1 |
| 4 | `#c0d0e9` | `oklch(85.27% 0.0395 260.08)` | Misty Mountains | black, 13.4 to 1 |
| 5 | `#becce9` | `oklch(84.32% 0.0431 264.63)` | Cuddle | black, 12.9 to 1 |
| 6 | `#bcc8e8` | `oklch(83.28% 0.0470 269.61)` | Pale Wisteria | black, 12.5 to 1 |
| 7 | `#bac3e7` | `oklch(82.18% 0.0512 274.81)` | Canterbury Bells | black, 12 to 1 |
| 8 | `#b9bee5` | `oklch(81.03% 0.0555 280.03)` | Pretty Posie | black, 11.5 to 1 |
| 9 | `#b9b8e3` | `oklch(79.85% 0.0598 285.07)` | Wish | black, 11 to 1 |
| 10 | `#b8b3e0` | `oklch(78.66% 0.0640 289.72)` | Beloved | black, 10.5 to 1 |
| 11 | `#b7aede` | `oklch(77.48% 0.0680 293.78)` | Purple Hibiscus | black, 10.1 to 1 |
| 12 | `#b6a9db` | `oklch(76.33% 0.0717 297.05)` | Grape Illusion | black, 9.6 to 1 |
| 13 | `#b5a5d8` | `oklch(75.23% 0.0749 299.31)` | Grape Illusion | black, 9.3 to 1 |
| 14 | `#b3a1d6` | `oklch(74.20% 0.0776 300.38)` | Purple Premiere | black, 8.9 to 1 |
| 15 | `#b09dd4` | `oklch(73.26% 0.0797 300.04)` | Violet Velvet | black, 8.6 to 1 |
| 16 | `#ac9bd3` | `oklch(72.42% 0.0810 298.10)` | Biloba Flower | black, 8.3 to 1 |
| 17 | `#a69ad2` | `oklch(71.70% 0.0814 294.29)` | Biloba Flower | black, 8.1 to 1 |
| 18 | `#9f9ad2` | `oklch(71.03% 0.0811 288.30)` | Bluebell Frost | black, 8 to 1 |
| 19 | `#969ad1` | `oklch(70.40% 0.0800 280.36)` | Bluebell Frost | black, 7.8 to 1 |
| 20 | `#8b9ccf` | `oklch(69.82% 0.0783 270.77)` | Velvet Robe | black, 7.7 to 1 |
| 21 | `#819dcc` | `oklch(69.27% 0.0761 259.82)` | Caribbean Sky | black, 7.6 to 1 |
| 22 | `#769fc6` | `oklch(68.76% 0.0734 247.81)` | Cottage Blue | black, 7.5 to 1 |
| 23 | `#6da1bf` | `oklch(68.29% 0.0705 235.04)` | Fate | black, 7.4 to 1 |
| 24 | `#68a2b6` | `oklch(67.85% 0.0673 221.80)` | Pacific Palisade | black, 7.3 to 1 |
| 25 | `#66a2ab` | `oklch(67.44% 0.0640 208.39)` | Aqua Sea | black, 7.3 to 1 |
| 26 | `#67a1a1` | `oklch(67.06% 0.0607 195.12)` | Folk Song | black, 7.2 to 1 |
| 27 | `#6ca097` | `oklch(66.71% 0.0574 182.26)` | Emerald Oasis | black, 7.1 to 1 |
| 28 | `#729f8e` | `oklch(66.39% 0.0543 170.13)` | Mizuasagi Green | black, 7 to 1 |
| 29 | `#789d87` | `oklch(66.10% 0.0514 159.02)` | Peahen | black, 6.9 to 1 |
| 30 | `#7d9a82` | `oklch(65.83% 0.0490 149.22)` | Dinosaur | black, 6.8 to 1 |
| 31 | `#82997e` | `oklch(65.58% 0.0469 141.04)` | Dinosaur | black, 6.7 to 1 |
| 32 | `#85977b` | `oklch(65.35% 0.0455 134.77)` | Laurel Tree | black, 6.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #c7d8ea 0.0%, #c5d6ea 3.2%, #c2d3ea 6.5%, #c0d0e9 9.7%, #becce9 12.9%, #bcc8e8 16.1%, #bac3e7 19.4%, #b9bee5 22.6%, #b9b8e3 25.8%, #b8b3e0 29.0%, #b7aede 32.3%, #b6a9db 35.5%, #b5a5d8 38.7%, #b3a1d6 41.9%, #b09dd4 45.2%, #ac9bd3 48.4%, #a69ad2 51.6%, #9f9ad2 54.8%, #969ad1 58.1%, #8b9ccf 61.3%, #819dcc 64.5%, #769fc6 67.7%, #6da1bf 71.0%, #68a2b6 74.2%, #66a2ab 77.4%, #67a1a1 80.6%, #6ca097 83.9%, #729f8e 87.1%, #789d87 90.3%, #7d9a82 93.5%, #82997e 96.8%, #85977b 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(87.40% 0.0317 251.02) 0.0%, oklch(86.83% 0.0337 253.07) 3.2%, oklch(86.11% 0.0363 256.16) 6.5%, oklch(85.27% 0.0395 260.08) 9.7%, oklch(84.32% 0.0431 264.63) 12.9%, oklch(83.28% 0.0470 269.61) 16.1%, oklch(82.18% 0.0512 274.81) 19.4%, oklch(81.03% 0.0555 280.03) 22.6%, oklch(79.85% 0.0598 285.07) 25.8%, oklch(78.66% 0.0640 289.72) 29.0%, oklch(77.48% 0.0680 293.78) 32.3%, oklch(76.33% 0.0717 297.05) 35.5%, oklch(75.23% 0.0749 299.31) 38.7%, oklch(74.20% 0.0776 300.38) 41.9%, oklch(73.26% 0.0797 300.04) 45.2%, oklch(72.42% 0.0810 298.10) 48.4%, oklch(71.70% 0.0814 294.29) 51.6%, oklch(71.03% 0.0811 288.30) 54.8%, oklch(70.40% 0.0800 280.36) 58.1%, oklch(69.82% 0.0783 270.77) 61.3%, oklch(69.27% 0.0761 259.82) 64.5%, oklch(68.76% 0.0734 247.81) 67.7%, oklch(68.29% 0.0705 235.04) 71.0%, oklch(67.85% 0.0673 221.80) 74.2%, oklch(67.44% 0.0640 208.39) 77.4%, oklch(67.06% 0.0607 195.12) 80.6%, oklch(66.71% 0.0574 182.26) 83.9%, oklch(66.39% 0.0543 170.13) 87.1%, oklch(66.10% 0.0514 159.02) 90.3%, oklch(65.83% 0.0490 149.22) 93.5%, oklch(65.58% 0.0469 141.04) 96.8%, oklch(65.35% 0.0455 134.77) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.874 | 0.032 | 251 |
| 2 | 0.72 | 0.081 | 296.5 |
| 3 | 0.654 | 0.045 | 134.8 |

## In these collections

- [Hydrangea ribbon boutonniere](https://grabient.com/hydrangea-ribbon-boutonniere)

## Other forms

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