# Navy, turquoise and rose locker sticker collage

The Navy, turquoise and rose locker sticker collage brings together dark blue, blue, teal, green, and magenta. 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 dark blue, and its lightest tone is green.

- Also called: Rainbow from navy to pink linear gradient
- Seed: `kWOirAQL--1-tORnxLdVEwwY`
- Page: https://grabient.com/kWOirAQL--1-tORnxLdVEwwY?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, vivid, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 10.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 | `#121a37` | `oklch(22.83% 0.0579 270.00)` | Dark Knight | white, 17 to 1 |
| 2 | `#151f42` | `oklch(25.10% 0.0685 269.59)` | Konkikyō Blue | white, 16.1 to 1 |
| 3 | `#192552` | `oklch(28.15% 0.0839 269.42)` | Space Cadet | white, 14.7 to 1 |
| 4 | `#1e2c66` | `oklch(31.79% 0.1024 269.24)` | Mythical Night | white, 13 to 1 |
| 5 | `#23357b` | `oklch(35.80% 0.1221 268.80)` | Surf the Web | white, 11.2 to 1 |
| 6 | `#273e92` | `oklch(40.00% 0.1411 267.84)` | Navy Seal | white, 9.5 to 1 |
| 7 | `#2a49a8` | `oklch(44.16% 0.1576 266.11)` | The Blues Brothers | white, 7.9 to 1 |
| 8 | `#2855bc` | `oklch(48.10% 0.1698 263.37)` | Cerulean Blue | white, 6.7 to 1 |
| 9 | `#1e62ca` | `oklch(51.64% 0.1758 259.36)` | Janitor | white, 5.7 to 1 |
| 10 | `#0171d4` | `oklch(55.12% 0.1751 254.03)` | Wizard Blue | white, 4.8 to 1 |
| 11 | `#0081d3` | `oklch(58.68% 0.1566 247.63)` | Electron Blue | black, 5 to 1 |
| 12 | `#0090d4` | `oklch(62.20% 0.1433 240.32)` | Kahu Blue | black, 5.9 to 1 |
| 13 | `#009ed5` | `oklch(65.60% 0.1344 232.35)` | Structural Blue | black, 6.8 to 1 |
| 14 | `#00abd5` | `oklch(68.79% 0.1291 223.93)` | Battery Charged Blue | black, 7.7 to 1 |
| 15 | `#00b7d5` | `oklch(71.67% 0.1268 215.29)` | Ocean Sigh | black, 8.7 to 1 |
| 16 | `#16c1d2` | `oklch(74.14% 0.1244 206.63)` | The Crowd Roars! | black, 9.5 to 1 |
| 17 | `#20c9ce` | `oklch(76.16% 0.1250 198.19)` | Mermaid Net | black, 10.3 to 1 |
| 18 | `#21d1c9` | `oklch(77.88% 0.1299 190.06)` | Blue Martina | black, 11 to 1 |
| 19 | `#1fd8c2` | `oklch(79.33% 0.1379 181.99)` | Turquoise Panic | black, 11.6 to 1 |
| 20 | `#25deb7` | `oklch(80.48% 0.1479 173.69)` | Celestial Green | black, 12.1 to 1 |
| 21 | `#36e2a8` | `oklch(81.31% 0.1588 164.89)` | Lifeless Green | black, 12.5 to 1 |
| 22 | `#50e392` | `oklch(81.79% 0.1697 155.31)` | Aqua Green | black, 12.7 to 1 |
| 23 | `#70e176` | `oklch(81.91% 0.1796 144.67)` | Pastel Green | black, 12.7 to 1 |
| 24 | `#92db4f` | `oklch(81.63% 0.1873 132.69)` | Lilliputian Lime | black, 12.5 to 1 |
| 25 | `#b5d000` | `oklch(80.80% 0.1890 118.51)` | Lime Rasp | black, 11.9 to 1 |
| 26 | `#d2bd00` | `oklch(79.19% 0.1653 101.21)` | Mustard Flower | black, 11 to 1 |
| 27 | `#e6a800` | `oklch(77.02% 0.1587 81.92)` | Nectar of the Goddess | black, 9.9 to 1 |
| 28 | `#f78f00` | `oklch(74.53% 0.1717 61.86)` | Jú Huáng Tangerine | black, 8.8 to 1 |
| 29 | `#ff763a` | `oklch(71.96% 0.1825 42.28)` | Synthetic Pumpkin | black, 7.8 to 1 |
| 30 | `#ff605e` | `oklch(69.55% 0.1948 24.36)` | Fusion Red | black, 7 to 1 |
| 31 | `#fa4f7b` | `oklch(67.53% 0.2081 9.33)` | Macaroon Rose | black, 6.4 to 1 |
| 32 | `#f04a91` | `oklch(66.14% 0.2094 358.41)` | Majestic Magenta | black, 6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #121a37 0.0%, #151f42 3.2%, #192552 6.5%, #1e2c66 9.7%, #23357b 12.9%, #273e92 16.1%, #2a49a8 19.4%, #2855bc 22.6%, #1e62ca 25.8%, #0171d4 29.0%, #0081d3 32.3%, #0090d4 35.5%, #009ed5 38.7%, #00abd5 41.9%, #00b7d5 45.2%, #16c1d2 48.4%, #20c9ce 51.6%, #21d1c9 54.8%, #1fd8c2 58.1%, #25deb7 61.3%, #36e2a8 64.5%, #50e392 67.7%, #70e176 71.0%, #92db4f 74.2%, #b5d000 77.4%, #d2bd00 80.6%, #e6a800 83.9%, #f78f00 87.1%, #ff763a 90.3%, #ff605e 93.5%, #fa4f7b 96.8%, #f04a91 100.0%);
background: linear-gradient(135deg in oklch, oklch(22.83% 0.0579 270.00) 0.0%, oklch(25.10% 0.0685 269.59) 3.2%, oklch(28.15% 0.0839 269.42) 6.5%, oklch(31.79% 0.1024 269.24) 9.7%, oklch(35.80% 0.1221 268.80) 12.9%, oklch(40.00% 0.1411 267.84) 16.1%, oklch(44.16% 0.1576 266.11) 19.4%, oklch(48.10% 0.1698 263.37) 22.6%, oklch(51.64% 0.1758 259.36) 25.8%, oklch(55.12% 0.1751 254.03) 29.0%, oklch(58.68% 0.1566 247.63) 32.3%, oklch(62.20% 0.1433 240.32) 35.5%, oklch(65.60% 0.1344 232.35) 38.7%, oklch(68.79% 0.1291 223.93) 41.9%, oklch(71.67% 0.1268 215.29) 45.2%, oklch(74.14% 0.1244 206.63) 48.4%, oklch(76.16% 0.1250 198.19) 51.6%, oklch(77.88% 0.1299 190.06) 54.8%, oklch(79.33% 0.1379 181.99) 58.1%, oklch(80.48% 0.1479 173.69) 61.3%, oklch(81.31% 0.1588 164.89) 64.5%, oklch(81.79% 0.1697 155.31) 67.7%, oklch(81.91% 0.1796 144.67) 71.0%, oklch(81.63% 0.1873 132.69) 74.2%, oklch(80.80% 0.1890 118.51) 77.4%, oklch(79.19% 0.1653 101.21) 80.6%, oklch(77.02% 0.1587 81.92) 83.9%, oklch(74.53% 0.1717 61.86) 87.1%, oklch(71.96% 0.1825 42.28) 90.3%, oklch(69.55% 0.1948 24.36) 93.5%, oklch(67.53% 0.2081 9.33) 96.8%, oklch(66.14% 0.2094 358.41) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.228 | 0.058 | 270 |
| 2 | 0.508 | 0.175 | 260.5 |
| 3 | 0.752 | 0.124 | 202.4 |
| 4 | 0.815 | 0.189 | 129.5 |
| 5 | 0.661 | 0.209 | -1.6 |

## In these collections

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

## Other forms

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