# Precipitation rate scale

The Precipitation rate scale brings together off-white, light blue, teal, green, orange, and red. The colors span a moderate lightness range, combining strong color with clear contrast. Its light and open character suits information graphics and map mood boards. Its darkest tone is red, and its lightest tone is off-white.

- Also called: Light blue, teal, green and orange linear gradient
- Seed: `kY9wqubRU9lykvvULblXrO1Um7uu`
- Page: https://grabient.com/kY9wqubRU9lykvvULblXrO1Um7uu?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: pastel, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 4.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 | `#eff7ff` | `oklch(97.24% 0.0138 244.69)` | Alice Blue | black, 19.4 to 1 |
| 2 | `#e8f4fe` | `oklch(96.07% 0.0184 242.46)` | Moon White | black, 18.7 to 1 |
| 3 | `#deeffc` | `oklch(94.46% 0.0248 239.29)` | Wizard White | black, 17.9 to 1 |
| 4 | `#d3eaf9` | `oklch(92.55% 0.0324 235.56)` | Freezing Vapour | black, 16.9 to 1 |
| 5 | `#c6e5f6` | `oklch(90.46% 0.0405 231.69)` | Icy Landscape | black, 15.9 to 1 |
| 6 | `#b8e0f2` | `oklch(88.31% 0.0488 228.07)` | Bellagio Fountains | black, 14.9 to 1 |
| 7 | `#abdaee` | `oklch(86.22% 0.0565 225.09)` | Blue Feather | black, 14 to 1 |
| 8 | `#9ed5ea` | `oklch(84.18% 0.0636 223.29)` | Light Budgie Blue | black, 13.1 to 1 |
| 9 | `#91cfe6` | `oklch(81.98% 0.0709 222.73)` | Bluebottle | black, 12.2 to 1 |
| 10 | `#83c9e1` | `oklch(79.71% 0.0783 222.66)` | Budgie Blue | black, 11.3 to 1 |
| 11 | `#75c2dd` | `oklch(77.48% 0.0854 222.35)` | Bright Spark | black, 10.5 to 1 |
| 12 | `#66bdd8` | `oklch(75.37% 0.0922 221.05)` | Bluebrite | black, 9.8 to 1 |
| 13 | `#57b8d2` | `oklch(73.50% 0.0983 218.02)` | Fitness Blue | black, 9.2 to 1 |
| 14 | `#46b5cb` | `oklch(71.88% 0.1037 212.76)` | Blue Bobbin | black, 8.7 to 1 |
| 15 | `#32b2c0` | `oklch(70.29% 0.1085 205.91)` | Lago Blue | black, 8.2 to 1 |
| 16 | `#1cb0b4` | `oklch(68.82% 0.1127 197.76)` | Mermaid Treasure | black, 7.8 to 1 |
| 17 | `#07ada5` | `oklch(67.57% 0.1165 188.45)` | Teal Me No Lies | black, 7.5 to 1 |
| 18 | `#11ac94` | `oklch(66.65% 0.1200 178.18)` | Hobgoblin | black, 7.3 to 1 |
| 19 | `#2baa83` | `oklch(66.17% 0.1234 167.10)` | Herbal | black, 7.2 to 1 |
| 20 | `#47aa70` | `oklch(66.30% 0.1267 155.21)` | Glen | black, 7.2 to 1 |
| 21 | `#67aa5d` | `oklch(67.49% 0.1296 141.21)` | Techno Green | black, 7.5 to 1 |
| 22 | `#89ab48` | `oklch(69.39% 0.1321 125.65)` | Lime It or Leave It | black, 7.9 to 1 |
| 23 | `#a9aa36` | `oklch(71.52% 0.1345 109.55)` | Sphagnales Moss | black, 8.4 to 1 |
| 24 | `#c5a62d` | `oklch(73.38% 0.1370 93.94)` | Hippie Trail | black, 8.9 to 1 |
| 25 | `#daa12f` | `oklch(74.45% 0.1396 79.83)` | Courgette Yellow | black, 9.1 to 1 |
| 26 | `#e69936` | `oklch(74.24% 0.1426 68.22)` | Culpeo | black, 8.9 to 1 |
| 27 | `#e98d3a` | `oklch(72.52% 0.1462 58.51)` | California | black, 8.2 to 1 |
| 28 | `#e67e3c` | `oklch(69.70% 0.1502 50.10)` | Pizazz | black, 7.3 to 1 |
| 29 | `#df6e3d` | `oklch(66.31% 0.1544 42.91)` | Knockout Orange | black, 6.4 to 1 |
| 30 | `#d65f3d` | `oklch(62.86% 0.1583 36.88)` | Fireglow | black, 5.5 to 1 |
| 31 | `#ce523d` | `oklch(59.87% 0.1616 31.95)` | Painted Poppy | black, 4.9 to 1 |
| 32 | `#c8493f` | `oklch(57.87% 0.1640 28.05)` | Terra Cotta Red | white, 4.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #eff7ff 0.0%, #e8f4fe 3.2%, #deeffc 6.5%, #d3eaf9 9.7%, #c6e5f6 12.9%, #b8e0f2 16.1%, #abdaee 19.4%, #9ed5ea 22.6%, #91cfe6 25.8%, #83c9e1 29.0%, #75c2dd 32.3%, #66bdd8 35.5%, #57b8d2 38.7%, #46b5cb 41.9%, #32b2c0 45.2%, #1cb0b4 48.4%, #07ada5 51.6%, #11ac94 54.8%, #2baa83 58.1%, #47aa70 61.3%, #67aa5d 64.5%, #89ab48 67.7%, #a9aa36 71.0%, #c5a62d 74.2%, #daa12f 77.4%, #e69936 80.6%, #e98d3a 83.9%, #e67e3c 87.1%, #df6e3d 90.3%, #d65f3d 93.5%, #ce523d 96.8%, #c8493f 100.0%);
background: linear-gradient(135deg in oklch, oklch(97.24% 0.0138 244.69) 0.0%, oklch(96.07% 0.0184 242.46) 3.2%, oklch(94.46% 0.0248 239.29) 6.5%, oklch(92.55% 0.0324 235.56) 9.7%, oklch(90.46% 0.0405 231.69) 12.9%, oklch(88.31% 0.0488 228.07) 16.1%, oklch(86.22% 0.0565 225.09) 19.4%, oklch(84.18% 0.0636 223.29) 22.6%, oklch(81.98% 0.0709 222.73) 25.8%, oklch(79.71% 0.0783 222.66) 29.0%, oklch(77.48% 0.0854 222.35) 32.3%, oklch(75.37% 0.0922 221.05) 35.5%, oklch(73.50% 0.0983 218.02) 38.7%, oklch(71.88% 0.1037 212.76) 41.9%, oklch(70.29% 0.1085 205.91) 45.2%, oklch(68.82% 0.1127 197.76) 48.4%, oklch(67.57% 0.1165 188.45) 51.6%, oklch(66.65% 0.1200 178.18) 54.8%, oklch(66.17% 0.1234 167.10) 58.1%, oklch(66.30% 0.1267 155.21) 61.3%, oklch(67.49% 0.1296 141.21) 64.5%, oklch(69.39% 0.1321 125.65) 67.7%, oklch(71.52% 0.1345 109.55) 71.0%, oklch(73.38% 0.1370 93.94) 74.2%, oklch(74.45% 0.1396 79.83) 77.4%, oklch(74.24% 0.1426 68.22) 80.6%, oklch(72.52% 0.1462 58.51) 83.9%, oklch(69.70% 0.1502 50.10) 87.1%, oklch(66.31% 0.1544 42.91) 90.3%, oklch(62.86% 0.1583 36.88) 93.5%, oklch(59.87% 0.1616 31.95) 96.8%, oklch(57.87% 0.1640 28.05) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.972 | 0.014 | 244.7 |
| 2 | 0.858 | 0.058 | 224.6 |
| 3 | 0.728 | 0.101 | 216.2 |
| 4 | 0.661 | 0.125 | 160.1 |
| 5 | 0.744 | 0.142 | 70.3 |
| 6 | 0.579 | 0.164 | 28.1 |

## In these collections

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

## Other forms

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