# Cobalt blue and stone locker sticker collage

The Cobalt blue and stone locker sticker collage brings together blue, red, orange, and light gray. 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 orange.

- Also called: Blue, pink, orange and lavender linear gradient
- Seed: `kWgoK8z1BLmi4SFZvr0YIct4`
- Page: https://grabient.com/kWgoK8z1BLmi4SFZvr0YIct4?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 3.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 | `#335ccb` | `oklch(51.18% 0.1791 265.08)` | Free Speech Blue | white, 5.9 to 1 |
| 2 | `#4a58d0` | `oklch(52.00% 0.1832 273.15)` | Gorgonzola Blue | white, 5.8 to 1 |
| 3 | `#6452d3` | `oklch(53.02% 0.1895 284.14)` | Majorelle Blue | white, 5.6 to 1 |
| 4 | `#7f4bd1` | `oklch(54.23% 0.1971 297.24)` | Aconite Purple | white, 5.4 to 1 |
| 5 | `#9a42c8` | `oklch(55.62% 0.2049 311.63)` | Purple Vanity | white, 5.2 to 1 |
| 6 | `#b43ab8` | `oklch(57.18% 0.2121 326.52)` | Vivid Fuchsia | white, 4.9 to 1 |
| 7 | `#cb32a2` | `oklch(58.89% 0.2176 341.08)` | Perfectly Purple Place | white, 4.6 to 1 |
| 8 | `#de2f8a` | `oklch(60.73% 0.2205 354.51)` | Sensual Climax | black, 4.8 to 1 |
| 9 | `#ec3474` | `oklch(62.73% 0.2199 6.10)` | Amor | black, 5.2 to 1 |
| 10 | `#f7435e` | `oklch(65.28% 0.2150 17.37)` | Neon Fuchsia | black, 5.9 to 1 |
| 11 | `#ff5848` | `oklch(68.32% 0.2057 28.76)` | Red Orange Juice | black, 6.7 to 1 |
| 12 | `#ff733f` | `oklch(71.61% 0.1833 39.85)` | Crayola Orange | black, 7.7 to 1 |
| 13 | `#ff893d` | `oklch(74.87% 0.1673 50.18)` | Kanzō Orange | black, 8.9 to 1 |
| 14 | `#ff9b3f` | `oklch(77.85% 0.1571 59.33)` | Exotic Blossom | black, 10 to 1 |
| 15 | `#ffa942` | `oklch(80.27% 0.1518 66.86)` | Match Strike | black, 11 to 1 |
| 16 | `#ffb242` | `oklch(81.87% 0.1512 72.33)` | Agrellan Badland | black, 11.7 to 1 |
| 17 | `#feb63d` | `oklch(82.39% 0.1534 75.52)` | Corona | black, 11.9 to 1 |
| 18 | `#fab536` | `oklch(81.74% 0.1551 77.37)` | Squash Blossom | black, 11.7 to 1 |
| 19 | `#f6af22` | `oklch(80.22% 0.1599 77.86)` | Tangerine Twist | black, 11.1 to 1 |
| 20 | `#f2a700` | `oklch(78.15% 0.1636 76.78)` | Orange Pospsicle | black, 10.3 to 1 |
| 21 | `#ec9e00` | `oklch(75.83% 0.1608 73.93)` | Rowdy Orange | black, 9.4 to 1 |
| 22 | `#e99400` | `oklch(73.59% 0.1603 69.09)` | Gold Fusion | black, 8.6 to 1 |
| 23 | `#eb8800` | `oklch(71.74% 0.1650 62.05)` | Clear Orange | black, 8 to 1 |
| 24 | `#f17b16` | `oklch(70.61% 0.1742 52.62)` | Retro Nectarine | black, 7.6 to 1 |
| 25 | `#f2764b` | `oklch(70.35% 0.1635 39.53)` | Coral Rose | black, 7.4 to 1 |
| 26 | `#ee7778` | `oklch(70.65% 0.1463 21.14)` | Salmon Poké Bowl | black, 7.5 to 1 |
| 27 | `#e180a1` | `oklch(71.37% 0.1244 359.12)` | Hope | black, 7.7 to 1 |
| 28 | `#cd8ebe` | `oklch(72.36% 0.1000 335.27)` | Pomtini | black, 8.1 to 1 |
| 29 | `#b99ccc` | `oklch(73.46% 0.0752 311.39)` | Turnip Crown | black, 8.6 to 1 |
| 30 | `#aba8cc` | `oklch(74.53% 0.0521 289.30)` | Violet Mix | black, 9.1 to 1 |
| 31 | `#a7afc5` | `oklch(75.42% 0.0328 270.80)` | Meadow Phlox | black, 9.5 to 1 |
| 32 | `#aab2be` | `oklch(75.98% 0.0193 257.68)` | Grey Agate | black, 9.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #335ccb 0.0%, #4a58d0 3.2%, #6452d3 6.5%, #7f4bd1 9.7%, #9a42c8 12.9%, #b43ab8 16.1%, #cb32a2 19.4%, #de2f8a 22.6%, #ec3474 25.8%, #f7435e 29.0%, #ff5848 32.3%, #ff733f 35.5%, #ff893d 38.7%, #ff9b3f 41.9%, #ffa942 45.2%, #ffb242 48.4%, #feb63d 51.6%, #fab536 54.8%, #f6af22 58.1%, #f2a700 61.3%, #ec9e00 64.5%, #e99400 67.7%, #eb8800 71.0%, #f17b16 74.2%, #f2764b 77.4%, #ee7778 80.6%, #e180a1 83.9%, #cd8ebe 87.1%, #b99ccc 90.3%, #aba8cc 93.5%, #a7afc5 96.8%, #aab2be 100.0%);
background: linear-gradient(135deg in oklch, oklch(51.18% 0.1791 265.08) 0.0%, oklch(52.00% 0.1832 273.15) 3.2%, oklch(53.02% 0.1895 284.14) 6.5%, oklch(54.23% 0.1971 297.24) 9.7%, oklch(55.62% 0.2049 311.63) 12.9%, oklch(57.18% 0.2121 326.52) 16.1%, oklch(58.89% 0.2176 341.08) 19.4%, oklch(60.73% 0.2205 354.51) 22.6%, oklch(62.73% 0.2199 6.10) 25.8%, oklch(65.28% 0.2150 17.37) 29.0%, oklch(68.32% 0.2057 28.76) 32.3%, oklch(71.61% 0.1833 39.85) 35.5%, oklch(74.87% 0.1673 50.18) 38.7%, oklch(77.85% 0.1571 59.33) 41.9%, oklch(80.27% 0.1518 66.86) 45.2%, oklch(81.87% 0.1512 72.33) 48.4%, oklch(82.39% 0.1534 75.52) 51.6%, oklch(81.74% 0.1551 77.37) 54.8%, oklch(80.22% 0.1599 77.86) 58.1%, oklch(78.15% 0.1636 76.78) 61.3%, oklch(75.83% 0.1608 73.93) 64.5%, oklch(73.59% 0.1603 69.09) 67.7%, oklch(71.74% 0.1650 62.05) 71.0%, oklch(70.61% 0.1742 52.62) 74.2%, oklch(70.35% 0.1635 39.53) 77.4%, oklch(70.65% 0.1463 21.14) 80.6%, oklch(71.37% 0.1244 359.12) 83.9%, oklch(72.36% 0.1000 335.27) 87.1%, oklch(73.46% 0.0752 311.39) 90.3%, oklch(74.53% 0.0521 289.30) 93.5%, oklch(75.42% 0.0328 270.80) 96.8%, oklch(75.98% 0.0193 257.68) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.512 | 0.179 | 265.1 |
| 2 | 0.622 | 0.22 | 363.4 |
| 3 | 0.823 | 0.154 | 434.2 |
| 4 | 0.705 | 0.172 | 409.9 |
| 5 | 0.76 | 0.019 | 257.7 |

## In these collections

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

## Other forms

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