# Light blue, pink and gray radial gradient

Light blue, pink and gray radial gradient with 32 colors: #6bafd5, #6facd4, #74a8d2, #79a2cf, #7f9dcb, #8598c8, #8b93c5, #938ec1, #9a8abb, #a285b5, #a982af, #af7fa9, #b57ca4, #bc7a9e, #c27999, #c77893, #ca788d, #cc7889, #ce7985, #cf7a82, #cf7c7f, #ce7f7b, #ca8279, #c58679, #bf8a7a, #ba8e7b, #b5927a, #b0977a, #a99c7b, #a1a280, #99a787, #94aa8e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kauECm1ptEFOdRpUpkQ1iTCVcUQ7akUog`
- Page: https://grabient.com/kauECm1ptEFOdRpUpkQ1iTCVcUQ7akUog?style=radialGradient&steps=32&angle=315
- Drawn as: radial gradient, 32 steps, 315 degrees
- Kinds: even lightness, muted, multicolor
- Hues: wide
- 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 | `#6bafd5` | `oklch(72.44% 0.0882 234.14)` | Imrik Blue | black, 8.7 to 1 |
| 2 | `#6facd4` | `oklch(71.85% 0.0861 238.38)` | Chronus Blue | black, 8.5 to 1 |
| 3 | `#74a8d2` | `oklch(70.99% 0.0830 244.13)` | Chronus Blue | black, 8.2 to 1 |
| 4 | `#79a2cf` | `oklch(70.01% 0.0795 251.11)` | Shipmate | black, 7.9 to 1 |
| 5 | `#7f9dcb` | `oklch(69.04% 0.0765 259.02)` | Caribbean Sky | black, 7.5 to 1 |
| 6 | `#8598c8` | `oklch(68.22% 0.0746 267.55)` | Pale Iris | black, 7.3 to 1 |
| 7 | `#8b93c5` | `oklch(67.58% 0.0740 277.07)` | Fast Velvet | black, 7 to 1 |
| 8 | `#938ec1` | `oklch(67.00% 0.0742 288.14)` | Hermosa | black, 6.8 to 1 |
| 9 | `#9a8abb` | `oklch(66.49% 0.0750 299.91)` | Sand Verbena | black, 6.7 to 1 |
| 10 | `#a285b5` | `oklch(66.09% 0.0767 311.47)` | Daylight Lilac | black, 6.5 to 1 |
| 11 | `#a982af` | `oklch(65.81% 0.0790 321.93)` | Lobby Lilac | black, 6.4 to 1 |
| 12 | `#af7fa9` | `oklch(65.69% 0.0824 330.75)` | Stage Mauve | black, 6.4 to 1 |
| 13 | `#b57ca4` | `oklch(65.76% 0.0875 338.66)` | Purple Cheeks | black, 6.4 to 1 |
| 14 | `#bc7a9e` | `oklch(65.94% 0.0934 345.80)` | Valentine Heart | black, 6.4 to 1 |
| 15 | `#c27999` | `oklch(66.18% 0.0991 352.28)` | Dolomite Red | black, 6.4 to 1 |
| 16 | `#c77893` | `oklch(66.43% 0.1034 358.18)` | Watermelon Pink | black, 6.5 to 1 |
| 17 | `#ca788d` | `oklch(66.64% 0.1056 3.47)` | Smoke Bush | black, 6.5 to 1 |
| 18 | `#cc7889` | `oklch(66.86% 0.1069 7.59)` | Smoke Bush | black, 6.6 to 1 |
| 19 | `#ce7985` | `oklch(67.11% 0.1071 10.99)` | Violet Orchid | black, 6.6 to 1 |
| 20 | `#cf7a82` | `oklch(67.35% 0.1060 14.25)` | Dirty Pink | black, 6.7 to 1 |
| 21 | `#cf7c7f` | `oklch(67.58% 0.1034 17.98)` | Dirty Pink | black, 6.8 to 1 |
| 22 | `#ce7f7b` | `oklch(67.77% 0.0988 22.64)` | Coral Garden | black, 6.9 to 1 |
| 23 | `#ca8279` | `oklch(67.90% 0.0909 27.03)` | Raspberry Ripple | black, 6.9 to 1 |
| 24 | `#c58679` | `oklch(67.99% 0.0808 31.48)` | Argyle Rose | black, 7 to 1 |
| 25 | `#bf8a7a` | `oklch(68.10% 0.0702 36.95)` | Copper Trail | black, 7.1 to 1 |
| 26 | `#ba8e7b` | `oklch(68.27% 0.0608 44.37)` | Rosetta | black, 7.2 to 1 |
| 27 | `#b5927a` | `oklch(68.56% 0.0543 54.74)` | Changing Seasons | black, 7.3 to 1 |
| 28 | `#b0977a` | `oklch(69.05% 0.0506 70.29)` | Cookie Crumb | black, 7.5 to 1 |
| 29 | `#a99c7b` | `oklch(69.66% 0.0486 89.61)` | Brussels Sprouts | black, 7.7 to 1 |
| 30 | `#a1a280` | `oklch(70.30% 0.0477 109.62)` | Rigby Ridge | black, 8 to 1 |
| 31 | `#99a787` | `oklch(70.87% 0.0474 127.24)` | Fern Leaf | black, 8.2 to 1 |
| 32 | `#94aa8e` | `oklch(71.26% 0.0469 139.39)` | Natural Harmony | black, 8.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #6bafd5 0.0%, #6facd4 3.2%, #74a8d2 6.5%, #79a2cf 9.7%, #7f9dcb 12.9%, #8598c8 16.1%, #8b93c5 19.4%, #938ec1 22.6%, #9a8abb 25.8%, #a285b5 29.0%, #a982af 32.3%, #af7fa9 35.5%, #b57ca4 38.7%, #bc7a9e 41.9%, #c27999 45.2%, #c77893 48.4%, #ca788d 51.6%, #cc7889 54.8%, #ce7985 58.1%, #cf7a82 61.3%, #cf7c7f 64.5%, #ce7f7b 67.7%, #ca8279 71.0%, #c58679 74.2%, #bf8a7a 77.4%, #ba8e7b 80.6%, #b5927a 83.9%, #b0977a 87.1%, #a99c7b 90.3%, #a1a280 93.5%, #99a787 96.8%, #94aa8e 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(72.44% 0.0882 234.14) 0.0%, oklch(71.85% 0.0861 238.38) 3.2%, oklch(70.99% 0.0830 244.13) 6.5%, oklch(70.01% 0.0795 251.11) 9.7%, oklch(69.04% 0.0765 259.02) 12.9%, oklch(68.22% 0.0746 267.55) 16.1%, oklch(67.58% 0.0740 277.07) 19.4%, oklch(67.00% 0.0742 288.14) 22.6%, oklch(66.49% 0.0750 299.91) 25.8%, oklch(66.09% 0.0767 311.47) 29.0%, oklch(65.81% 0.0790 321.93) 32.3%, oklch(65.69% 0.0824 330.75) 35.5%, oklch(65.76% 0.0875 338.66) 38.7%, oklch(65.94% 0.0934 345.80) 41.9%, oklch(66.18% 0.0991 352.28) 45.2%, oklch(66.43% 0.1034 358.18) 48.4%, oklch(66.64% 0.1056 3.47) 51.6%, oklch(66.86% 0.1069 7.59) 54.8%, oklch(67.11% 0.1071 10.99) 58.1%, oklch(67.35% 0.1060 14.25) 61.3%, oklch(67.58% 0.1034 17.98) 64.5%, oklch(67.77% 0.0988 22.64) 67.7%, oklch(67.90% 0.0909 27.03) 71.0%, oklch(67.99% 0.0808 31.48) 74.2%, oklch(68.10% 0.0702 36.95) 77.4%, oklch(68.27% 0.0608 44.37) 80.6%, oklch(68.56% 0.0543 54.74) 83.9%, oklch(69.05% 0.0506 70.29) 87.1%, oklch(69.66% 0.0486 89.61) 90.3%, oklch(70.30% 0.0477 109.62) 93.5%, oklch(70.87% 0.0474 127.24) 96.8%, oklch(71.26% 0.0469 139.39) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.724 | 0.088 | 234.1 |
| 2 | 0.681 | 0.074 | 269 |
| 3 | 0.657 | 0.08 | 325 |
| 4 | 0.665 | 0.105 | 361 |
| 5 | 0.677 | 0.101 | 381 |
| 6 | 0.685 | 0.055 | 412.7 |
| 7 | 0.713 | 0.047 | 499.4 |

## In these collections

- [Dusty blue bridal flowers](https://grabient.com/dusty-blue-bridal-flowers)

## Other forms

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