# Lavender sage ribbon rings

Light blue, gray and blue radial gradient with 48 colors: #b7aedf, #b6b0e1, #b5b2e3, #b4b5e5, #b2b7e8, #b0bbeb, #afbeed, #adc1f0, #abc5f1, #a9c9f3, #a6ccf4, #a5d0f4, #a3d3f4, #a2d6f3, #a1d8f1, #a0daef, #a0dcec, #a1dde8, #a4dee3, #a7dfde, #abdfd9, #b1dfd4, #b6dfcf, #bcdecb, #c1ddc8, #c5dbc6, #c8d9c4, #cad8c2, #cbd6c1, #cbd3c0, #cad1be, #c7cebc, #c3cbb9, #bec8b5, #b7c4b1, #aebfad, #a4baaa, #98b5a7, #8dafa6, #81a9a5, #77a3a5, #6e9ca6, #6894a6, #658da6, #6486a5, #647fa3, #657aa1, #66759f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Light blue, gray and blue radial gradient
- Seed: `kUxTLQ7Re3GqJtNIGNEA`
- Page: https://grabient.com/kUxTLQ7Re3GqJtNIGNEA?style=radialGradient&steps=48&angle=0
- Drawn as: radial gradient, 48 steps, 0 degrees
- Kinds: light center, pastel, light, cool, monochrome
- Hues: wide
- Contrast of its darkest and lightest colors: 3.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 | `#b7aedf` | `oklch(77.56% 0.0689 293.20)` | Purple Hibiscus | black, 10.1 to 1 |
| 2 | `#b6b0e1` | `oklch(77.88% 0.0688 290.55)` | Purple Hibiscus | black, 10.2 to 1 |
| 3 | `#b5b2e3` | `oklch(78.29% 0.0688 287.40)` | Beloved | black, 10.4 to 1 |
| 4 | `#b4b5e5` | `oklch(78.78% 0.0689 283.81)` | Beloved | black, 10.6 to 1 |
| 5 | `#b2b7e8` | `oklch(79.33% 0.0690 279.82)` | Perano | black, 10.8 to 1 |
| 6 | `#b0bbeb` | `oklch(79.94% 0.0691 275.47)` | Perano | black, 11.1 to 1 |
| 7 | `#afbeed` | `oklch(80.59% 0.0692 270.80)` | Larkspur Bud | black, 11.3 to 1 |
| 8 | `#adc1f0` | `oklch(81.25% 0.0692 265.86)` | Sky High | black, 11.6 to 1 |
| 9 | `#abc5f1` | `oklch(81.93% 0.0692 260.69)` | Sky High | black, 11.9 to 1 |
| 10 | `#a9c9f3` | `oklch(82.60% 0.0692 255.34)` | Baby Blue Eyes | black, 12.2 to 1 |
| 11 | `#a6ccf4` | `oklch(83.25% 0.0690 249.85)` | Baby Blue Eyes | black, 12.6 to 1 |
| 12 | `#a5d0f4` | `oklch(83.86% 0.0687 244.26)` | Alphabet Blue | black, 12.8 to 1 |
| 13 | `#a3d3f4` | `oklch(84.42% 0.0682 238.61)` | Juzcar Blue | black, 13.1 to 1 |
| 14 | `#a2d6f3` | `oklch(84.92% 0.0675 232.96)` | Juzcar Blue | black, 13.4 to 1 |
| 15 | `#a1d8f1` | `oklch(85.34% 0.0667 227.34)` | Sora Blue | black, 13.6 to 1 |
| 16 | `#a0daef` | `oklch(85.67% 0.0656 221.80)` | Sora Blue | black, 13.8 to 1 |
| 17 | `#a0dcec` | `oklch(85.89% 0.0643 216.31)` | Non-Photo Blue | black, 13.9 to 1 |
| 18 | `#a1dde8` | `oklch(86.11% 0.0624 210.06)` | Luminescent Blue | black, 14 to 1 |
| 19 | `#a4dee3` | `oklch(86.32% 0.0601 202.94)` | Geyser Pool | black, 14.1 to 1 |
| 20 | `#a7dfde` | `oklch(86.53% 0.0574 195.16)` | High Altitude | black, 14.2 to 1 |
| 21 | `#abdfd9` | `oklch(86.72% 0.0544 186.93)` | High Altitude | black, 14.3 to 1 |
| 22 | `#b1dfd4` | `oklch(86.88% 0.0511 178.44)` | Jaded Clouds | black, 14.4 to 1 |
| 23 | `#b6dfcf` | `oklch(86.99% 0.0477 169.89)` | Jade Sea | black, 14.4 to 1 |
| 24 | `#bcdecb` | `oklch(87.05% 0.0443 161.49)` | Refrigerator Green | black, 14.4 to 1 |
| 25 | `#c1ddc8` | `oklch(87.04% 0.0410 153.44)` | Quintessential | black, 14.4 to 1 |
| 26 | `#c5dbc6` | `oklch(86.96% 0.0377 145.94)` | Mint Intermezzo | black, 14.3 to 1 |
| 27 | `#c8d9c4` | `oklch(86.79% 0.0347 139.18)` | Mystified | black, 14.2 to 1 |
| 28 | `#cad8c2` | `oklch(86.51% 0.0320 133.38)` | Turtle Chalk | black, 14 to 1 |
| 29 | `#cbd6c1` | `oklch(86.12% 0.0297 128.73)` | French Limestone | black, 13.8 to 1 |
| 30 | `#cbd3c0` | `oklch(85.61% 0.0279 125.43)` | Carrot Flower | black, 13.6 to 1 |
| 31 | `#cad1be` | `oklch(84.96% 0.0267 123.68)` | Terrace View | black, 13.3 to 1 |
| 32 | `#c7cebc` | `oklch(84.16% 0.0262 123.69)` | Frosty Pine | black, 13 to 1 |
| 33 | `#c3cbb9` | `oklch(83.17% 0.0264 125.75)` | Celadon Tint | black, 12.5 to 1 |
| 34 | `#bec8b5` | `oklch(81.90% 0.0274 130.11)` | Clay Ash | black, 12 to 1 |
| 35 | `#b7c4b1` | `oklch(80.38% 0.0290 136.51)` | Belize Green | black, 11.5 to 1 |
| 36 | `#aebfad` | `oklch(78.66% 0.0312 144.65)` | Young Gecko | black, 10.8 to 1 |
| 37 | `#a4baaa` | `oklch(76.77% 0.0339 154.22)` | Aqua Foam | black, 10.1 to 1 |
| 38 | `#98b5a7` | `oklch(74.75% 0.0370 164.94)` | Nile River | black, 9.5 to 1 |
| 39 | `#8dafa6` | `oklch(72.65% 0.0403 176.49)` | Donnegal | black, 8.8 to 1 |
| 40 | `#81a9a5` | `oklch(70.51% 0.0438 188.58)` | Acapulco Aqua | black, 8.1 to 1 |
| 41 | `#77a3a5` | `oklch(68.36% 0.0475 200.92)` | Sightful | black, 7.5 to 1 |
| 42 | `#6e9ca6` | `oklch(66.26% 0.0511 213.20)` | Voyage | black, 6.9 to 1 |
| 43 | `#6894a6` | `oklch(64.23% 0.0546 225.12)` | My Skiff | black, 6.4 to 1 |
| 44 | `#658da6` | `oklch(62.32% 0.0580 236.39)` | Treasure Map Waters | black, 5.9 to 1 |
| 45 | `#6486a5` | `oklch(60.57% 0.0610 246.70)` | Moody Indigo | black, 5.4 to 1 |
| 46 | `#647fa3` | `oklch(59.02% 0.0637 255.75)` | Blue Boater | black, 5.1 to 1 |
| 47 | `#657aa1` | `oklch(57.72% 0.0659 263.25)` | Miracle Elixir | black, 4.8 to 1 |
| 48 | `#66759f` | `oklch(56.69% 0.0675 268.90)` | Costume Blue | black, 4.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #b7aedf 0.0%, #b6b0e1 2.1%, #b5b2e3 4.3%, #b4b5e5 6.4%, #b2b7e8 8.5%, #b0bbeb 10.6%, #afbeed 12.8%, #adc1f0 14.9%, #abc5f1 17.0%, #a9c9f3 19.1%, #a6ccf4 21.3%, #a5d0f4 23.4%, #a3d3f4 25.5%, #a2d6f3 27.7%, #a1d8f1 29.8%, #a0daef 31.9%, #a0dcec 34.0%, #a1dde8 36.2%, #a4dee3 38.3%, #a7dfde 40.4%, #abdfd9 42.6%, #b1dfd4 44.7%, #b6dfcf 46.8%, #bcdecb 48.9%, #c1ddc8 51.1%, #c5dbc6 53.2%, #c8d9c4 55.3%, #cad8c2 57.4%, #cbd6c1 59.6%, #cbd3c0 61.7%, #cad1be 63.8%, #c7cebc 66.0%, #c3cbb9 68.1%, #bec8b5 70.2%, #b7c4b1 72.3%, #aebfad 74.5%, #a4baaa 76.6%, #98b5a7 78.7%, #8dafa6 80.9%, #81a9a5 83.0%, #77a3a5 85.1%, #6e9ca6 87.2%, #6894a6 89.4%, #658da6 91.5%, #6486a5 93.6%, #647fa3 95.7%, #657aa1 97.9%, #66759f 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(77.56% 0.0689 293.20) 0.0%, oklch(77.88% 0.0688 290.55) 2.1%, oklch(78.29% 0.0688 287.40) 4.3%, oklch(78.78% 0.0689 283.81) 6.4%, oklch(79.33% 0.0690 279.82) 8.5%, oklch(79.94% 0.0691 275.47) 10.6%, oklch(80.59% 0.0692 270.80) 12.8%, oklch(81.25% 0.0692 265.86) 14.9%, oklch(81.93% 0.0692 260.69) 17.0%, oklch(82.60% 0.0692 255.34) 19.1%, oklch(83.25% 0.0690 249.85) 21.3%, oklch(83.86% 0.0687 244.26) 23.4%, oklch(84.42% 0.0682 238.61) 25.5%, oklch(84.92% 0.0675 232.96) 27.7%, oklch(85.34% 0.0667 227.34) 29.8%, oklch(85.67% 0.0656 221.80) 31.9%, oklch(85.89% 0.0643 216.31) 34.0%, oklch(86.11% 0.0624 210.06) 36.2%, oklch(86.32% 0.0601 202.94) 38.3%, oklch(86.53% 0.0574 195.16) 40.4%, oklch(86.72% 0.0544 186.93) 42.6%, oklch(86.88% 0.0511 178.44) 44.7%, oklch(86.99% 0.0477 169.89) 46.8%, oklch(87.05% 0.0443 161.49) 48.9%, oklch(87.04% 0.0410 153.44) 51.1%, oklch(86.96% 0.0377 145.94) 53.2%, oklch(86.79% 0.0347 139.18) 55.3%, oklch(86.51% 0.0320 133.38) 57.4%, oklch(86.12% 0.0297 128.73) 59.6%, oklch(85.61% 0.0279 125.43) 61.7%, oklch(84.96% 0.0267 123.68) 63.8%, oklch(84.16% 0.0262 123.69) 66.0%, oklch(83.17% 0.0264 125.75) 68.1%, oklch(81.90% 0.0274 130.11) 70.2%, oklch(80.38% 0.0290 136.51) 72.3%, oklch(78.66% 0.0312 144.65) 74.5%, oklch(76.77% 0.0339 154.22) 76.6%, oklch(74.75% 0.0370 164.94) 78.7%, oklch(72.65% 0.0403 176.49) 80.9%, oklch(70.51% 0.0438 188.58) 83.0%, oklch(68.36% 0.0475 200.92) 85.1%, oklch(66.26% 0.0511 213.20) 87.2%, oklch(64.23% 0.0546 225.12) 89.4%, oklch(62.32% 0.0580 236.39) 91.5%, oklch(60.57% 0.0610 246.70) 93.6%, oklch(59.02% 0.0637 255.75) 95.7%, oklch(57.72% 0.0659 263.25) 97.9%, oklch(56.69% 0.0675 268.90) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.776 | 0.069 | 293.2 |
| 2 | 0.858 | 0.065 | 218.2 |
| 3 | 0.839 | 0.026 | 124.1 |
| 4 | 0.567 | 0.068 | 268.9 |

## In these collections

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

## Other forms

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