# Cobalt blue and crimson locker sticker collage

The Cobalt blue and crimson locker sticker collage brings together blue, light teal, light orange, and red. 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 red, and its lightest tone is light orange.

- Also called: Blue, gray and maroon radial gradient
- Seed: `kamoi3Wi2-OMRu7kEDJXSW7c8xPc9Mb3A`
- Page: https://grabient.com/kamoi3Wi2-OMRu7kEDJXSW7c8xPc9Mb3A?style=radialGradient&steps=32&angle=135
- Drawn as: radial gradient, 32 steps, 135 degrees
- Kinds: light center, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 3.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 | `#2a7fef` | `oklch(60.63% 0.1874 257.34)` | Ceruleite | black, 5.3 to 1 |
| 2 | `#2d85ef` | `oklch(62.01% 0.1795 255.73)` | Seljuk Blue | black, 5.6 to 1 |
| 3 | `#348def` | `oklch(63.99% 0.1686 253.66)` | Bleu de France | black, 6.2 to 1 |
| 4 | `#3d97ee` | `oklch(66.27% 0.1556 251.00)` | Karimun Blue | black, 6.8 to 1 |
| 5 | `#47a0ec` | `oklch(68.57% 0.1416 247.61)` | Perfect Days | black, 7.5 to 1 |
| 6 | `#50a8e9` | `oklch(70.58% 0.1277 243.35)` | Cerulean | black, 8.1 to 1 |
| 7 | `#5bafe4` | `oklch(72.26% 0.1130 238.82)` | Sanctuary Spa | black, 8.6 to 1 |
| 8 | `#69b4de` | `oklch(73.87% 0.0962 234.58)` | Xavier Blue | black, 9.2 to 1 |
| 9 | `#79b9d7` | `oklch(75.36% 0.0790 229.41)` | Pacific Harbour | black, 9.7 to 1 |
| 10 | `#86bdd0` | `oklch(76.65% 0.0633 222.04)` | Juvie | black, 10.1 to 1 |
| 11 | `#91c0c9` | `oklch(77.68% 0.0512 211.22)` | Witness | black, 10.5 to 1 |
| 12 | `#99c2c1` | `oklch(78.41% 0.0437 195.08)` | Bleu Nattier | black, 10.8 to 1 |
| 13 | `#a2c3b8` | `oklch(78.90% 0.0393 172.61)` | Cascade Green | black, 11 to 1 |
| 14 | `#acc2ad` | `oklch(79.15% 0.0376 146.99)` | Young Gecko | black, 11 to 1 |
| 15 | `#b7bfa4` | `oklch(79.16% 0.0385 121.61)` | Quiet Waters | black, 11 to 1 |
| 16 | `#c0bb9d` | `oklch(78.94% 0.0417 99.87)` | Good to Grow | black, 10.8 to 1 |
| 17 | `#c7b797` | `oklch(78.48% 0.0474 84.62)` | Desert Pebble | black, 10.6 to 1 |
| 18 | `#cdb28e` | `oklch(77.77% 0.0575 74.15)` | Tropical Tan | black, 10.3 to 1 |
| 19 | `#d3ab84` | `oklch(76.81% 0.0703 66.84)` | Cheddar Biscuit | black, 9.9 to 1 |
| 20 | `#d7a478` | `oklch(75.64% 0.0840 61.46)` | Mulled Spice | black, 9.4 to 1 |
| 21 | `#da9c6e` | `oklch(74.25% 0.0966 56.76)` | Ochraceous Salmon | black, 8.9 to 1 |
| 22 | `#dc9367` | `oklch(72.68% 0.1062 51.66)` | Summer’s End | black, 8.4 to 1 |
| 23 | `#db8a61` | `oklch(70.85% 0.1142 47.33)` | Copper Wire | black, 7.8 to 1 |
| 24 | `#d8805a` | `oklch(68.80% 0.1212 43.91)` | Deep Coral | black, 7.1 to 1 |
| 25 | `#d47754` | `oklch(66.57% 0.1272 40.99)` | Clay Mug | black, 6.5 to 1 |
| 26 | `#cf6d4e` | `oklch(64.22% 0.1319 38.10)` | Sun Baked | black, 5.9 to 1 |
| 27 | `#c9634b` | `oklch(61.79% 0.1355 34.84)` | Enshūcha Red | black, 5.3 to 1 |
| 28 | `#c15948` | `oklch(58.94% 0.1374 31.01)` | Martian Ironearth | black, 4.7 to 1 |
| 29 | `#b74e46` | `oklch(55.76% 0.1378 26.98)` | Raging Bull | white, 5 to 1 |
| 30 | `#ac4443` | `oklch(52.63% 0.1374 23.11)` | Daredevil | white, 5.7 to 1 |
| 31 | `#a23b42` | `oklch(49.93% 0.1367 19.81)` | Ruby Ring | white, 6.4 to 1 |
| 32 | `#9c3540` | `oklch(48.03% 0.1364 17.46)` | Vintage Red | white, 7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #2a7fef 0.0%, #2d85ef 3.2%, #348def 6.5%, #3d97ee 9.7%, #47a0ec 12.9%, #50a8e9 16.1%, #5bafe4 19.4%, #69b4de 22.6%, #79b9d7 25.8%, #86bdd0 29.0%, #91c0c9 32.3%, #99c2c1 35.5%, #a2c3b8 38.7%, #acc2ad 41.9%, #b7bfa4 45.2%, #c0bb9d 48.4%, #c7b797 51.6%, #cdb28e 54.8%, #d3ab84 58.1%, #d7a478 61.3%, #da9c6e 64.5%, #dc9367 67.7%, #db8a61 71.0%, #d8805a 74.2%, #d47754 77.4%, #cf6d4e 80.6%, #c9634b 83.9%, #c15948 87.1%, #b74e46 90.3%, #ac4443 93.5%, #a23b42 96.8%, #9c3540 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(60.63% 0.1874 257.34) 0.0%, oklch(62.01% 0.1795 255.73) 3.2%, oklch(63.99% 0.1686 253.66) 6.5%, oklch(66.27% 0.1556 251.00) 9.7%, oklch(68.57% 0.1416 247.61) 12.9%, oklch(70.58% 0.1277 243.35) 16.1%, oklch(72.26% 0.1130 238.82) 19.4%, oklch(73.87% 0.0962 234.58) 22.6%, oklch(75.36% 0.0790 229.41) 25.8%, oklch(76.65% 0.0633 222.04) 29.0%, oklch(77.68% 0.0512 211.22) 32.3%, oklch(78.41% 0.0437 195.08) 35.5%, oklch(78.90% 0.0393 172.61) 38.7%, oklch(79.15% 0.0376 146.99) 41.9%, oklch(79.16% 0.0385 121.61) 45.2%, oklch(78.94% 0.0417 99.87) 48.4%, oklch(78.48% 0.0474 84.62) 51.6%, oklch(77.77% 0.0575 74.15) 54.8%, oklch(76.81% 0.0703 66.84) 58.1%, oklch(75.64% 0.0840 61.46) 61.3%, oklch(74.25% 0.0966 56.76) 64.5%, oklch(72.68% 0.1062 51.66) 67.7%, oklch(70.85% 0.1142 47.33) 71.0%, oklch(68.80% 0.1212 43.91) 74.2%, oklch(66.57% 0.1272 40.99) 77.4%, oklch(64.22% 0.1319 38.10) 80.6%, oklch(61.79% 0.1355 34.84) 83.9%, oklch(58.94% 0.1374 31.01) 87.1%, oklch(55.76% 0.1378 26.98) 90.3%, oklch(52.63% 0.1374 23.11) 93.5%, oklch(49.93% 0.1367 19.81) 96.8%, oklch(48.03% 0.1364 17.46) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.606 | 0.187 | 257.3 |
| 2 | 0.709 | 0.125 | 242.5 |
| 3 | 0.78 | 0.048 | 206.6 |
| 4 | 0.787 | 0.044 | 91.4 |
| 5 | 0.732 | 0.103 | 53.4 |
| 6 | 0.622 | 0.135 | 35.4 |
| 7 | 0.48 | 0.136 | 17.5 |

## In these collections

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

## Other forms

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