# Storm radar reflectivity

The Storm radar reflectivity brings together blue, teal, green, gold, red, and magenta. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits information graphics and map mood boards. Its darkest tone is blue, and its lightest tone is gold.

- Also called: Blue, green, orange and maroon linear gradient
- Seed: `kYbWy8Vay7de_NrsPTtSsa2Tc0vK`
- Page: https://grabient.com/kYbWy8Vay7de_NrsPTtSsa2Tc0vK?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, vivid, multicolor
- Hues: triadic
- Contrast of its darkest and lightest colors: 5.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 | `#2448a0` | `oklch(42.91% 0.1488 264.38)` | Sea of Tears | white, 8.3 to 1 |
| 2 | `#2353a7` | `oklch(45.71% 0.1452 260.84)` | Ruri Blue | white, 7.3 to 1 |
| 3 | `#2462b0` | `oklch(49.79% 0.1396 256.33)` | Rainbow Bright | white, 6.1 to 1 |
| 4 | `#2873ba` | `oklch(54.53% 0.1332 250.85)` | Bluish | white, 4.9 to 1 |
| 5 | `#2b85c4` | `oklch(59.36% 0.1273 244.34)` | Klaxosaur Blue | black, 5.2 to 1 |
| 6 | `#2c95cc` | `oklch(63.67% 0.1232 236.80)` | Astrolabe Reef | black, 6.2 to 1 |
| 7 | `#23a2d0` | `oklch(66.87% 0.1223 228.18)` | Charybdis | black, 7.1 to 1 |
| 8 | `#00abcc` | `oklch(68.54% 0.1231 217.93)` | Gummy Dolphins | black, 7.7 to 1 |
| 9 | `#00b0be` | `oklch(69.02% 0.1179 205.40)` | Deep Turquoise | black, 7.9 to 1 |
| 10 | `#00b1ad` | `oklch(68.77% 0.1182 191.56)` | Laguna Green | black, 7.9 to 1 |
| 11 | `#00b298` | `oklch(68.28% 0.1262 177.40)` | Aloha | black, 7.8 to 1 |
| 12 | `#00b380` | `oklch(68.01% 0.1451 163.93)` | Dark Mountain Meadow | black, 7.7 to 1 |
| 13 | `#1eb662` | `oklch(68.43% 0.1718 152.15)` | Future Hair | black, 7.9 to 1 |
| 14 | `#51b94e` | `oklch(70.06% 0.1752 142.98)` | Classic Green | black, 8.4 to 1 |
| 15 | `#71c046` | `oklch(73.08% 0.1754 136.31)` | Conceptual | black, 9.3 to 1 |
| 16 | `#8bc946` | `oklch(76.81% 0.1737 131.13)` | Midsummer Field | black, 10.5 to 1 |
| 17 | `#a3d34a` | `oklch(80.53% 0.1711 126.42)` | Burst of Lime | black, 11.9 to 1 |
| 18 | `#b9d94b` | `oklch(83.53% 0.1687 121.16)` | Badass Grass | black, 13 to 1 |
| 19 | `#cdda44` | `oklch(85.09% 0.1676 114.32)` | Poisonous Cloud | black, 13.6 to 1 |
| 20 | `#ddd12c` | `oklch(84.52% 0.1691 104.87)` | Polliwog | black, 13.2 to 1 |
| 21 | `#e9bf00` | `oklch(81.74% 0.1673 92.45)` | Poster Yellow | black, 11.9 to 1 |
| 22 | `#eda600` | `oklch(77.41% 0.1613 78.12)` | Illuminate Me | black, 10 to 1 |
| 23 | `#eb8a00` | `oklch(72.20% 0.1646 63.10)` | Elden Ring Orange | black, 8.1 to 1 |
| 24 | `#e96a00` | `oklch(66.79% 0.1803 48.59)` | Epicurean Orange | black, 6.5 to 1 |
| 25 | `#e24b1f` | `oklch(61.83% 0.1944 35.83)` | Scoville High | black, 5.2 to 1 |
| 26 | `#d53837` | `oklch(57.99% 0.1938 25.95)` | Blade Runner Red | white, 4.7 to 1 |
| 27 | `#c72d44` | `oklch(54.76% 0.1887 18.54)` | Red Peppercorn | white, 5.4 to 1 |
| 28 | `#b8274a` | `oklch(51.78% 0.1803 12.82)` | Hot Hibiscus | white, 6.1 to 1 |
| 29 | `#aa244d` | `oklch(49.08% 0.1701 8.45)` | She Pouts | white, 6.8 to 1 |
| 30 | `#9d234e` | `oklch(46.74% 0.1597 5.12)` | Hydrangea Red | white, 7.5 to 1 |
| 31 | `#92224d` | `oklch(44.79% 0.1507 2.47)` | Wine Grape | white, 8.1 to 1 |
| 32 | `#8b214d` | `oklch(43.31% 0.1447 0.19)` | Violettuce | white, 8.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #2448a0 0.0%, #2353a7 3.2%, #2462b0 6.5%, #2873ba 9.7%, #2b85c4 12.9%, #2c95cc 16.1%, #23a2d0 19.4%, #00abcc 22.6%, #00b0be 25.8%, #00b1ad 29.0%, #00b298 32.3%, #00b380 35.5%, #1eb662 38.7%, #51b94e 41.9%, #71c046 45.2%, #8bc946 48.4%, #a3d34a 51.6%, #b9d94b 54.8%, #cdda44 58.1%, #ddd12c 61.3%, #e9bf00 64.5%, #eda600 67.7%, #eb8a00 71.0%, #e96a00 74.2%, #e24b1f 77.4%, #d53837 80.6%, #c72d44 83.9%, #b8274a 87.1%, #aa244d 90.3%, #9d234e 93.5%, #92224d 96.8%, #8b214d 100.0%);
background: linear-gradient(135deg in oklch, oklch(42.91% 0.1488 264.38) 0.0%, oklch(45.71% 0.1452 260.84) 3.2%, oklch(49.79% 0.1396 256.33) 6.5%, oklch(54.53% 0.1332 250.85) 9.7%, oklch(59.36% 0.1273 244.34) 12.9%, oklch(63.67% 0.1232 236.80) 16.1%, oklch(66.87% 0.1223 228.18) 19.4%, oklch(68.54% 0.1231 217.93) 22.6%, oklch(69.02% 0.1179 205.40) 25.8%, oklch(68.77% 0.1182 191.56) 29.0%, oklch(68.28% 0.1262 177.40) 32.3%, oklch(68.01% 0.1451 163.93) 35.5%, oklch(68.43% 0.1718 152.15) 38.7%, oklch(70.06% 0.1752 142.98) 41.9%, oklch(73.08% 0.1754 136.31) 45.2%, oklch(76.81% 0.1737 131.13) 48.4%, oklch(80.53% 0.1711 126.42) 51.6%, oklch(83.53% 0.1687 121.16) 54.8%, oklch(85.09% 0.1676 114.32) 58.1%, oklch(84.52% 0.1691 104.87) 61.3%, oklch(81.74% 0.1673 92.45) 64.5%, oklch(77.41% 0.1613 78.12) 67.7%, oklch(72.20% 0.1646 63.10) 71.0%, oklch(66.79% 0.1803 48.59) 74.2%, oklch(61.83% 0.1944 35.83) 77.4%, oklch(57.99% 0.1938 25.95) 80.6%, oklch(54.76% 0.1887 18.54) 83.9%, oklch(51.78% 0.1803 12.82) 87.1%, oklch(49.08% 0.1701 8.45) 90.3%, oklch(46.74% 0.1597 5.12) 93.5%, oklch(44.79% 0.1507 2.47) 96.8%, oklch(43.31% 0.1447 0.19) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.429 | 0.149 | 264.4 |
| 2 | 0.673 | 0.123 | 226.3 |
| 3 | 0.689 | 0.174 | 148.1 |
| 4 | 0.85 | 0.168 | 109 |
| 5 | 0.587 | 0.194 | 27.7 |
| 6 | 0.433 | 0.145 | 0.2 |

## In these collections

- [Weather map gradients](https://grabient.com/weather-map-gradients)

## Other forms

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