# Stone and cobalt blue locker sticker collage

The Stone and cobalt blue locker sticker collage brings together light gray, magenta, green, teal, and blue. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is green.

- Also called: Rainbow from gray to blue linear gradient
- Seed: `kWyQu51ExLefEz3frUiQL_Gw`
- Page: https://grabient.com/kWyQu51ExLefEz3frUiQL_Gw?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light center, vivid, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3.6 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 | `#b5bbc5` | `oklch(79.13% 0.0152 260.86)` | Blunt | black, 10.9 to 1 |
| 2 | `#aeb7cc` | `oklch(77.89% 0.0323 268.40)` | Ethereal Mist | black, 10.4 to 1 |
| 3 | `#a8aed6` | `oklch(76.00% 0.0568 278.21)` | Calm Interlude | black, 9.7 to 1 |
| 4 | `#a9a1dd` | `oklch(73.75% 0.0861 289.87)` | Simply Violet | black, 8.8 to 1 |
| 5 | `#b190df` | `oklch(71.39% 0.1176 302.98)` | Dreamy Candy Forest | black, 7.9 to 1 |
| 6 | `#c17cd8` | `oklch(69.19% 0.1485 317.14)` | Lavender Blossom | black, 7.1 to 1 |
| 7 | `#d368c6` | `oklch(67.41% 0.1763 331.92)` | Pink Charge | black, 6.5 to 1 |
| 8 | `#e455ab` | `oklch(66.34% 0.1983 346.93)` | Orion | black, 6.1 to 1 |
| 9 | `#f34889` | `oklch(66.22% 0.2121 1.83)` | French Rose | black, 6.1 to 1 |
| 10 | `#ff4961` | `oklch(67.24% 0.2168 17.93)` | Watermelon | black, 6.3 to 1 |
| 11 | `#ff6138` | `oklch(69.17% 0.2009 35.39)` | Toxic Orange | black, 7 to 1 |
| 12 | `#f77d00` | `oklch(71.68% 0.1806 53.59)` | University of Tennessee Orange | black, 7.9 to 1 |
| 13 | `#e99900` | `oklch(74.45% 0.1594 71.98)` | Pumpkin Yellow | black, 8.9 to 1 |
| 14 | `#dcaf00` | `oklch(77.15% 0.1577 89.95)` | Palomino Gold | black, 10.1 to 1 |
| 15 | `#cac200` | `oklch(79.46% 0.1703 106.90)` | Cricket Chirping | black, 11.2 to 1 |
| 16 | `#acd31b` | `oklch(81.06% 0.1918 122.24)` | Jeune Citron | black, 12.1 to 1 |
| 17 | `#8add59` | `oklch(81.74% 0.1856 135.49)` | Lilliputian Lime | black, 12.5 to 1 |
| 18 | `#69e27d` | `oklch(81.91% 0.1773 147.11)` | Pastel Green | black, 12.7 to 1 |
| 19 | `#4be398` | `oklch(81.71% 0.1671 157.46)` | Mega Teal | black, 12.7 to 1 |
| 20 | `#32e1ac` | `oklch(81.13% 0.1561 166.82)` | Lifeless Green | black, 12.4 to 1 |
| 21 | `#24dcba` | `oklch(80.22% 0.1452 175.47)` | Celestial Green | black, 12 to 1 |
| 22 | `#21d6c4` | `oklch(79.00% 0.1357 183.68)` | Turquoise Panic | black, 11.5 to 1 |
| 23 | `#21cfca` | `oklch(77.48% 0.1284 191.75)` | Blue Martina | black, 10.8 to 1 |
| 24 | `#1fc7cf` | `oklch(75.68% 0.1244 199.93)` | Turquoise Surf | black, 10.1 to 1 |
| 25 | `#10bed2` | `oklch(73.45% 0.1246 208.49)` | Holiday Blue | black, 9.3 to 1 |
| 26 | `#00b2d3` | `oklch(70.43% 0.1260 217.31)` | Aquarius | black, 8.3 to 1 |
| 27 | `#00a4d1` | `oklch(66.88% 0.1280 226.12)` | Charybdis | black, 7.2 to 1 |
| 28 | `#0095cd` | `oklch(63.08% 0.1331 234.63)` | Germander Speedwell | black, 6.1 to 1 |
| 29 | `#0085cb` | `oklch(59.30% 0.1422 242.58)` | Water Raceway | black, 5.2 to 1 |
| 30 | `#0076cb` | `oklch(55.80% 0.1566 249.67)` | Science Blue | white, 4.6 to 1 |
| 31 | `#0f69ca` | `oklch(52.87% 0.1701 255.61)` | Mimesia Blue | white, 5.3 to 1 |
| 32 | `#205fc7` | `oklch(50.79% 0.1750 260.15)` | Amnesia Blue | white, 5.9 to 1 |

## CSS

```css
background: linear-gradient(45deg, #b5bbc5 0.0%, #aeb7cc 3.2%, #a8aed6 6.5%, #a9a1dd 9.7%, #b190df 12.9%, #c17cd8 16.1%, #d368c6 19.4%, #e455ab 22.6%, #f34889 25.8%, #ff4961 29.0%, #ff6138 32.3%, #f77d00 35.5%, #e99900 38.7%, #dcaf00 41.9%, #cac200 45.2%, #acd31b 48.4%, #8add59 51.6%, #69e27d 54.8%, #4be398 58.1%, #32e1ac 61.3%, #24dcba 64.5%, #21d6c4 67.7%, #21cfca 71.0%, #1fc7cf 74.2%, #10bed2 77.4%, #00b2d3 80.6%, #00a4d1 83.9%, #0095cd 87.1%, #0085cb 90.3%, #0076cb 93.5%, #0f69ca 96.8%, #205fc7 100.0%);
background: linear-gradient(45deg in oklch, oklch(79.13% 0.0152 260.86) 0.0%, oklch(77.89% 0.0323 268.40) 3.2%, oklch(76.00% 0.0568 278.21) 6.5%, oklch(73.75% 0.0861 289.87) 9.7%, oklch(71.39% 0.1176 302.98) 12.9%, oklch(69.19% 0.1485 317.14) 16.1%, oklch(67.41% 0.1763 331.92) 19.4%, oklch(66.34% 0.1983 346.93) 22.6%, oklch(66.22% 0.2121 1.83) 25.8%, oklch(67.24% 0.2168 17.93) 29.0%, oklch(69.17% 0.2009 35.39) 32.3%, oklch(71.68% 0.1806 53.59) 35.5%, oklch(74.45% 0.1594 71.98) 38.7%, oklch(77.15% 0.1577 89.95) 41.9%, oklch(79.46% 0.1703 106.90) 45.2%, oklch(81.06% 0.1918 122.24) 48.4%, oklch(81.74% 0.1856 135.49) 51.6%, oklch(81.91% 0.1773 147.11) 54.8%, oklch(81.71% 0.1671 157.46) 58.1%, oklch(81.13% 0.1561 166.82) 61.3%, oklch(80.22% 0.1452 175.47) 64.5%, oklch(79.00% 0.1357 183.68) 67.7%, oklch(77.48% 0.1284 191.75) 71.0%, oklch(75.68% 0.1244 199.93) 74.2%, oklch(73.45% 0.1246 208.49) 77.4%, oklch(70.43% 0.1260 217.31) 80.6%, oklch(66.88% 0.1280 226.12) 83.9%, oklch(63.08% 0.1331 234.63) 87.1%, oklch(59.30% 0.1422 242.58) 90.3%, oklch(55.80% 0.1566 249.67) 93.5%, oklch(52.87% 0.1701 255.61) 96.8%, oklch(50.79% 0.1750 260.15) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.791 | 0.015 | 260.9 |
| 2 | 0.661 | 0.209 | 358.1 |
| 3 | 0.815 | 0.189 | 489.1 |
| 4 | 0.752 | 0.124 | 562 |
| 5 | 0.508 | 0.175 | 620.2 |

## In these collections

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

## Other forms

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