# Champagne and cobalt blue locker sticker collage

The Champagne and cobalt blue locker sticker collage brings together pale orange, light blue, magenta, and blue. The colors span a broad 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 pale orange.

- Also called: Gray, lavender, pink and blue linear gradient
- Seed: `kW7RM224oqt8_y3Q1kCPEO0o`
- Page: https://grabient.com/kW7RM224oqt8_y3Q1kCPEO0o?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light to dark
- Hues: wide
- Contrast of its darkest and lightest colors: 5.7 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 | `#f3e7d6` | `oklch(93.31% 0.0262 76.64)` | Fair Winds | black, 17.2 to 1 |
| 2 | `#f0dfd2` | `oklch(91.43% 0.0252 60.25)` | Blushed Cotton | black, 16.2 to 1 |
| 3 | `#e8d5d0` | `oklch(88.74% 0.0228 36.20)` | Coral Cream | black, 14.8 to 1 |
| 4 | `#dccacd` | `oklch(85.52% 0.0199 7.45)` | Blush of Hyacinth | black, 13.4 to 1 |
| 5 | `#ccc0c8` | `oklch(82.07% 0.0174 336.93)` | So Dainty | black, 11.9 to 1 |
| 6 | `#bcb7c2` | `oklch(78.68% 0.0162 307.59)` | Titanium Man | black, 10.6 to 1 |
| 7 | `#aeafbb` | `oklch(75.64% 0.0173 282.37)` | Canyon Cloud | black, 9.6 to 1 |
| 8 | `#a2a9b7` | `oklch(73.25% 0.0217 264.21)` | Ridge View | black, 8.8 to 1 |
| 9 | `#98a5b7` | `oklch(71.78% 0.0302 255.99)` | Moon Shadow | black, 8.4 to 1 |
| 10 | `#92a4be` | `oklch(71.28% 0.0440 257.97)` | Faded Lilac | black, 8.2 to 1 |
| 11 | `#92a2cb` | `oklch(71.52% 0.0622 267.73)` | Ceil | black, 8.2 to 1 |
| 12 | `#9d9fd9` | `oklch(72.23% 0.0834 282.88)` | Dalmatian Sage | black, 8.3 to 1 |
| 13 | `#b498e1` | `oklch(73.18% 0.1060 301.07)` | Dreamy Candy Forest | black, 8.5 to 1 |
| 14 | `#cf90de` | `oklch(74.12% 0.1286 319.90)` | Blush Essence | black, 8.6 to 1 |
| 15 | `#e886d0` | `oklch(74.80% 0.1496 337.00)` | Blushed Bombshell | black, 8.7 to 1 |
| 16 | `#fa7dbd` | `oklch(74.98% 0.1676 350.00)` | Persian Pink | black, 8.7 to 1 |
| 17 | `#ff78ad` | `oklch(74.47% 0.1727 357.34)` | Raspberry Glaze | black, 8.5 to 1 |
| 18 | `#ff74a0` | `oklch(73.56% 0.1739 2.54)` | Pico-8 Pink | black, 8.2 to 1 |
| 19 | `#ff6d94` | `oklch(72.33% 0.1804 6.26)` | Blush Hour | black, 7.8 to 1 |
| 20 | `#ff6389` | `oklch(70.87% 0.1910 8.46)` | Berlin Pink | black, 7.4 to 1 |
| 21 | `#ff5681` | `oklch(69.23% 0.2051 9.07)` | Warm Pink | black, 6.9 to 1 |
| 22 | `#ff457c` | `oklch(67.47% 0.2226 8.05)` | Sasquatch Socks | black, 6.3 to 1 |
| 23 | `#fb347d` | `oklch(65.65% 0.2343 5.34)` | Office Neon Light | black, 5.9 to 1 |
| 24 | `#f32a83` | `oklch(63.83% 0.2368 0.89)` | Pink Piano | black, 5.4 to 1 |
| 25 | `#e72690` | `oklch(61.94% 0.2363 353.85)` | Pinkinity | black, 5 to 1 |
| 26 | `#d428a3` | `oklch(59.74% 0.2321 342.94)` | Melodramatic Magenta | black, 4.6 to 1 |
| 27 | `#bb30b7` | `oklch(57.35% 0.2252 329.30)` | Fuchsia Flair | white, 4.9 to 1 |
| 28 | `#9d38c6` | `oklch(54.90% 0.2165 314.20)` | Purple Vanity | white, 5.4 to 1 |
| 29 | `#7e40ce` | `oklch(52.54% 0.2072 298.90)` | Purple Rain | white, 5.9 to 1 |
| 30 | `#5e47ce` | `oklch(50.38% 0.1984 284.66)` | Dragonlord Purple | white, 6.4 to 1 |
| 31 | `#404cc9` | `oklch(48.57% 0.1909 272.74)` | Gorgonzola Blue | white, 6.7 to 1 |
| 32 | `#244fc2` | `oklch(47.24% 0.1860 264.39)` | New Car | white, 7 to 1 |

## CSS

```css
background: linear-gradient(45deg, #f3e7d6 0.0%, #f0dfd2 3.2%, #e8d5d0 6.5%, #dccacd 9.7%, #ccc0c8 12.9%, #bcb7c2 16.1%, #aeafbb 19.4%, #a2a9b7 22.6%, #98a5b7 25.8%, #92a4be 29.0%, #92a2cb 32.3%, #9d9fd9 35.5%, #b498e1 38.7%, #cf90de 41.9%, #e886d0 45.2%, #fa7dbd 48.4%, #ff78ad 51.6%, #ff74a0 54.8%, #ff6d94 58.1%, #ff6389 61.3%, #ff5681 64.5%, #ff457c 67.7%, #fb347d 71.0%, #f32a83 74.2%, #e72690 77.4%, #d428a3 80.6%, #bb30b7 83.9%, #9d38c6 87.1%, #7e40ce 90.3%, #5e47ce 93.5%, #404cc9 96.8%, #244fc2 100.0%);
background: linear-gradient(45deg in oklch, oklch(93.31% 0.0262 76.64) 0.0%, oklch(91.43% 0.0252 60.25) 3.2%, oklch(88.74% 0.0228 36.20) 6.5%, oklch(85.52% 0.0199 7.45) 9.7%, oklch(82.07% 0.0174 336.93) 12.9%, oklch(78.68% 0.0162 307.59) 16.1%, oklch(75.64% 0.0173 282.37) 19.4%, oklch(73.25% 0.0217 264.21) 22.6%, oklch(71.78% 0.0302 255.99) 25.8%, oklch(71.28% 0.0440 257.97) 29.0%, oklch(71.52% 0.0622 267.73) 32.3%, oklch(72.23% 0.0834 282.88) 35.5%, oklch(73.18% 0.1060 301.07) 38.7%, oklch(74.12% 0.1286 319.90) 41.9%, oklch(74.80% 0.1496 337.00) 45.2%, oklch(74.98% 0.1676 350.00) 48.4%, oklch(74.47% 0.1727 357.34) 51.6%, oklch(73.56% 0.1739 2.54) 54.8%, oklch(72.33% 0.1804 6.26) 58.1%, oklch(70.87% 0.1910 8.46) 61.3%, oklch(69.23% 0.2051 9.07) 64.5%, oklch(67.47% 0.2226 8.05) 67.7%, oklch(65.65% 0.2343 5.34) 71.0%, oklch(63.83% 0.2368 0.89) 74.2%, oklch(61.94% 0.2363 353.85) 77.4%, oklch(59.74% 0.2321 342.94) 80.6%, oklch(57.35% 0.2252 329.30) 83.9%, oklch(54.90% 0.2165 314.20) 87.1%, oklch(52.54% 0.2072 298.90) 90.3%, oklch(50.38% 0.1984 284.66) 93.5%, oklch(48.57% 0.1909 272.74) 96.8%, oklch(47.24% 0.1860 264.39) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.933 | 0.026 | 76.6 |
| 2 | 0.72 | 0.028 | -103 |
| 3 | 0.748 | 0.175 | -5.8 |
| 4 | 0.634 | 0.237 | -0.5 |
| 5 | 0.472 | 0.186 | -95.6 |

## In these collections

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

## Other forms

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