# Indigo, stone and blush locker sticker collage

The Indigo, stone and blush locker sticker collage brings together blue, light blue, and light magenta. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is light magenta.

- Also called: Muted blue, lavender and pink radial gradient
- Seed: `kWZYC-xKxBNwRwPnDEa4CHAo`
- Page: https://grabient.com/kWZYC-xKxBNwRwPnDEa4CHAo?style=radialGradient&steps=32&angle=45
- Drawn as: radial gradient, 32 steps, 45 degrees
- Kinds: dark to light, pastel
- Hues: two-hue
- Contrast of its darkest and lightest colors: 5.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 | `#2137a4` | `oklch(39.76% 0.1764 267.89)` | Yuè Guāng Lán Blue | white, 9.8 to 1 |
| 2 | `#263ba5` | `oklch(40.87% 0.1721 268.75)` | Yuè Guāng Lán Blue | white, 9.3 to 1 |
| 3 | `#2d40a7` | `oklch(42.31% 0.1665 269.92)` | Early Spring Night | white, 8.7 to 1 |
| 4 | `#3545a9` | `oklch(44.02% 0.1599 271.31)` | Night in Manchester | white, 8.1 to 1 |
| 5 | `#3e4cab` | `oklch(45.94% 0.1524 272.84)` | Night in Manchester | white, 7.4 to 1 |
| 6 | `#4752ad` | `oklch(48.01% 0.1444 274.44)` | Brandywine Raspberry | white, 6.7 to 1 |
| 7 | `#5059b0` | `oklch(50.16% 0.1360 276.01)` | Chinese Bellflower | white, 6.1 to 1 |
| 8 | `#5960b2` | `oklch(52.33% 0.1275 277.47)` | Yuè Guāng Lán Moonlight | white, 5.6 to 1 |
| 9 | `#6267b4` | `oklch(54.47% 0.1191 278.74)` | Bluish Purple Anemone | white, 5.1 to 1 |
| 10 | `#6a6fb6` | `oklch(56.78% 0.1099 279.41)` | Chetwode Blue | white, 4.6 to 1 |
| 11 | `#7277b8` | `oklch(59.29% 0.0996 279.61)` | Wind Star | black, 5 to 1 |
| 12 | `#7b80bb` | `oklch(61.89% 0.0889 279.67)` | Deep Periwinkle | black, 5.6 to 1 |
| 13 | `#8489bd` | `oklch(64.51% 0.0783 279.91)` | Pleated Mauve | black, 6.2 to 1 |
| 14 | `#8d91bf` | `oklch(67.05% 0.0681 280.66)` | PHP Purple | black, 6.9 to 1 |
| 15 | `#9699c1` | `oklch(69.41% 0.0590 282.25)` | Grape Ivy | black, 7.6 to 1 |
| 16 | `#9f9fc3` | `oklch(71.52% 0.0513 285.00)` | Opulent Violet | black, 8.2 to 1 |
| 17 | `#a7a4c4` | `oklch(73.31% 0.0455 289.32)` | Fife | black, 8.7 to 1 |
| 18 | `#afa9c5` | `oklch(74.95% 0.0405 295.66)` | Cosmic Sky | black, 9.3 to 1 |
| 19 | `#b7adc6` | `oklch(76.46% 0.0364 303.51)` | Lavender Dream | black, 9.8 to 1 |
| 20 | `#beb1c7` | `oklch(77.81% 0.0333 312.22)` | Purple Essence | black, 10.3 to 1 |
| 21 | `#c4b4c7` | `oklch(78.97% 0.0312 321.15)` | Delicate Mauve | black, 10.7 to 1 |
| 22 | `#c9b7c7` | `oklch(79.92% 0.0303 329.66)` | Ballad | black, 11 to 1 |
| 23 | `#cdb9c7` | `oklch(80.62% 0.0307 337.12)` | Queen’s Violet | black, 11.3 to 1 |
| 24 | `#d1b9c7` | `oklch(81.04% 0.0324 342.88)` | Lavender Blessing | black, 11.4 to 1 |
| 25 | `#d4b8c6` | `oklch(81.11% 0.0361 346.62)` | Lavender Blessing | black, 11.4 to 1 |
| 26 | `#d6b5c4` | `oklch(80.71% 0.0426 348.97)` | Mauvelous | black, 11.3 to 1 |
| 27 | `#d8b1c2` | `oklch(79.97% 0.0510 350.23)` | Private-Label Pink | black, 10.9 to 1 |
| 28 | `#daabc0` | `oklch(79.02% 0.0605 350.70)` | Apple Infusion | black, 10.5 to 1 |
| 29 | `#dba5bd` | `oklch(77.97% 0.0703 350.65)` | Rhubarb Gin | black, 10.1 to 1 |
| 30 | `#dca0bb` | `oklch(76.97% 0.0794 350.38)` | Pink Gin | black, 9.7 to 1 |
| 31 | `#dc9bb9` | `oklch(76.13% 0.0870 350.18)` | Pink Begonia | black, 9.4 to 1 |
| 32 | `#dd98b8` | `oklch(75.59% 0.0923 350.32)` | Soft Matte | black, 9.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #2137a4 0.0%, #263ba5 3.2%, #2d40a7 6.5%, #3545a9 9.7%, #3e4cab 12.9%, #4752ad 16.1%, #5059b0 19.4%, #5960b2 22.6%, #6267b4 25.8%, #6a6fb6 29.0%, #7277b8 32.3%, #7b80bb 35.5%, #8489bd 38.7%, #8d91bf 41.9%, #9699c1 45.2%, #9f9fc3 48.4%, #a7a4c4 51.6%, #afa9c5 54.8%, #b7adc6 58.1%, #beb1c7 61.3%, #c4b4c7 64.5%, #c9b7c7 67.7%, #cdb9c7 71.0%, #d1b9c7 74.2%, #d4b8c6 77.4%, #d6b5c4 80.6%, #d8b1c2 83.9%, #daabc0 87.1%, #dba5bd 90.3%, #dca0bb 93.5%, #dc9bb9 96.8%, #dd98b8 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(39.76% 0.1764 267.89) 0.0%, oklch(40.87% 0.1721 268.75) 3.2%, oklch(42.31% 0.1665 269.92) 6.5%, oklch(44.02% 0.1599 271.31) 9.7%, oklch(45.94% 0.1524 272.84) 12.9%, oklch(48.01% 0.1444 274.44) 16.1%, oklch(50.16% 0.1360 276.01) 19.4%, oklch(52.33% 0.1275 277.47) 22.6%, oklch(54.47% 0.1191 278.74) 25.8%, oklch(56.78% 0.1099 279.41) 29.0%, oklch(59.29% 0.0996 279.61) 32.3%, oklch(61.89% 0.0889 279.67) 35.5%, oklch(64.51% 0.0783 279.91) 38.7%, oklch(67.05% 0.0681 280.66) 41.9%, oklch(69.41% 0.0590 282.25) 45.2%, oklch(71.52% 0.0513 285.00) 48.4%, oklch(73.31% 0.0455 289.32) 51.6%, oklch(74.95% 0.0405 295.66) 54.8%, oklch(76.46% 0.0364 303.51) 58.1%, oklch(77.81% 0.0333 312.22) 61.3%, oklch(78.97% 0.0312 321.15) 64.5%, oklch(79.92% 0.0303 329.66) 67.7%, oklch(80.62% 0.0307 337.12) 71.0%, oklch(81.04% 0.0324 342.88) 74.2%, oklch(81.11% 0.0361 346.62) 77.4%, oklch(80.71% 0.0426 348.97) 80.6%, oklch(79.97% 0.0510 350.23) 83.9%, oklch(79.02% 0.0605 350.70) 87.1%, oklch(77.97% 0.0703 350.65) 90.3%, oklch(76.97% 0.0794 350.38) 93.5%, oklch(76.13% 0.0870 350.18) 96.8%, oklch(75.59% 0.0923 350.32) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.398 | 0.176 | 267.9 |
| 2 | 0.539 | 0.121 | 278.5 |
| 3 | 0.724 | 0.048 | 286.9 |
| 4 | 0.811 | 0.033 | 344 |
| 5 | 0.756 | 0.092 | 350.3 |

## In these collections

- [Locker sticker collage](https://grabient.com/locker-sticker-collage)

## Other forms

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