# Gray and sage spring thunder over veld

The Gray and sage spring thunder over veld brings together gray, blue, light teal, and light green. The colors span a moderate lightness range, combining restrained color with gentle contrast. Its light and open character suits seasonal campaigns and event graphics. Its darkest tone is gray, and its lightest tone is light green.

- Also called: Gray and light blue linear gradient
- Seed: `kUlADW0BI4uUVO3wlLeg`
- Page: https://grabient.com/kUlADW0BI4uUVO3wlLeg?steps=32&angle=0
- Drawn as: linear gradient, 32 steps, 0 degrees
- Kinds: dark to light, muted, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 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 | `#7b7b7b` | `oklch(58.27% 0.0000 89.88)` | Nature Walk | black, 4.9 to 1 |
| 2 | `#7c7b7d` | `oklch(58.49% 0.0030 298.03)` | Millennial Grey | black, 4.9 to 1 |
| 3 | `#7c7c80` | `oklch(58.71% 0.0071 293.28)` | Silver Filigree | black, 5 to 1 |
| 4 | `#7c7c84` | `oklch(58.94% 0.0120 287.63)` | Silver Filigree | black, 5 to 1 |
| 5 | `#7c7d88` | `oklch(59.21% 0.0175 281.30)` | Silver Surfer | black, 5.1 to 1 |
| 6 | `#7a7e8d` | `oklch(59.54% 0.0233 274.53)` | Blue Mood | black, 5.2 to 1 |
| 7 | `#788092` | `oklch(59.93% 0.0292 267.54)` | Majestic Mount | black, 5.2 to 1 |
| 8 | `#768297` | `oklch(60.43% 0.0349 260.56)` | Tranquil Pond | black, 5.4 to 1 |
| 9 | `#73859b` | `oklch(61.03% 0.0402 253.83)` | Merman | black, 5.5 to 1 |
| 10 | `#7088a0` | `oklch(61.77% 0.0449 247.56)` | Faded Denim | black, 5.7 to 1 |
| 11 | `#6f8ca3` | `oklch(62.66% 0.0486 242.01)` | Bermuda Grey | black, 5.9 to 1 |
| 12 | `#6e91a7` | `oklch(63.74% 0.0513 237.30)` | Blue Cruise | black, 6.2 to 1 |
| 13 | `#6f95ab` | `oklch(65.07% 0.0534 233.24)` | American Anthem | black, 6.5 to 1 |
| 14 | `#719baf` | `oklch(66.61% 0.0549 229.66)` | Ocean View | black, 7 to 1 |
| 15 | `#74a1b4` | `oklch(68.29% 0.0560 226.42)` | Grey Blue | black, 7.4 to 1 |
| 16 | `#78a7b9` | `oklch(70.08% 0.0567 223.36)` | Inner Sanctum | black, 8 to 1 |
| 17 | `#7cadbd` | `oklch(71.91% 0.0571 220.34)` | Blue Eye Samurai | black, 8.5 to 1 |
| 18 | `#81b3c2` | `oklch(73.73% 0.0573 217.20)` | Heavenly | black, 9.1 to 1 |
| 19 | `#85bac6` | `oklch(75.50% 0.0574 213.80)` | Sea Angel | black, 9.7 to 1 |
| 20 | `#8abfc9` | `oklch(77.16% 0.0575 209.99)` | Aftercare | black, 10.3 to 1 |
| 21 | `#8ec5cb` | `oklch(78.65% 0.0577 205.61)` | Cerulean Skies | black, 10.9 to 1 |
| 22 | `#91c9cd` | `oklch(79.94% 0.0580 200.50)` | Bathing | black, 11.4 to 1 |
| 23 | `#95cecc` | `oklch(81.13% 0.0582 194.35)` | Clear Cove | black, 11.9 to 1 |
| 24 | `#9ad2cb` | `oklch(82.26% 0.0582 187.33)` | Fountain City | black, 12.4 to 1 |
| 25 | `#9fd5c9` | `oklch(83.32% 0.0581 179.70)` | Aqua Glow | black, 12.8 to 1 |
| 26 | `#a6d8c7` | `oklch(84.32% 0.0579 171.74)` | Southern Belle | black, 13.3 to 1 |
| 27 | `#addbc4` | `oklch(85.24% 0.0577 163.73)` | Celadon Sorbet | black, 13.7 to 1 |
| 28 | `#b4ddc2` | `oklch(86.08% 0.0574 155.94)` | Quantum Effect | black, 14 to 1 |
| 29 | `#bbdfbf` | `oklch(86.84% 0.0571 148.66)` | Lattice Work | black, 14.3 to 1 |
| 30 | `#c1e0be` | `oklch(87.51% 0.0568 142.15)` | Cuddle Bug | black, 14.6 to 1 |
| 31 | `#c7e1bc` | `oklch(88.10% 0.0566 136.69)` | Ambrosia | black, 14.9 to 1 |
| 32 | `#cbe2bc` | `oklch(88.58% 0.0565 132.56)` | Rockwood Jade | black, 15.1 to 1 |

## CSS

```css
background: linear-gradient(0deg, #7b7b7b 0.0%, #7c7b7d 3.2%, #7c7c80 6.5%, #7c7c84 9.7%, #7c7d88 12.9%, #7a7e8d 16.1%, #788092 19.4%, #768297 22.6%, #73859b 25.8%, #7088a0 29.0%, #6f8ca3 32.3%, #6e91a7 35.5%, #6f95ab 38.7%, #719baf 41.9%, #74a1b4 45.2%, #78a7b9 48.4%, #7cadbd 51.6%, #81b3c2 54.8%, #85bac6 58.1%, #8abfc9 61.3%, #8ec5cb 64.5%, #91c9cd 67.7%, #95cecc 71.0%, #9ad2cb 74.2%, #9fd5c9 77.4%, #a6d8c7 80.6%, #addbc4 83.9%, #b4ddc2 87.1%, #bbdfbf 90.3%, #c1e0be 93.5%, #c7e1bc 96.8%, #cbe2bc 100.0%);
background: linear-gradient(0deg in oklch, oklch(58.27% 0.0000 89.88) 0.0%, oklch(58.49% 0.0030 298.03) 3.2%, oklch(58.71% 0.0071 293.28) 6.5%, oklch(58.94% 0.0120 287.63) 9.7%, oklch(59.21% 0.0175 281.30) 12.9%, oklch(59.54% 0.0233 274.53) 16.1%, oklch(59.93% 0.0292 267.54) 19.4%, oklch(60.43% 0.0349 260.56) 22.6%, oklch(61.03% 0.0402 253.83) 25.8%, oklch(61.77% 0.0449 247.56) 29.0%, oklch(62.66% 0.0486 242.01) 32.3%, oklch(63.74% 0.0513 237.30) 35.5%, oklch(65.07% 0.0534 233.24) 38.7%, oklch(66.61% 0.0549 229.66) 41.9%, oklch(68.29% 0.0560 226.42) 45.2%, oklch(70.08% 0.0567 223.36) 48.4%, oklch(71.91% 0.0571 220.34) 51.6%, oklch(73.73% 0.0573 217.20) 54.8%, oklch(75.50% 0.0574 213.80) 58.1%, oklch(77.16% 0.0575 209.99) 61.3%, oklch(78.65% 0.0577 205.61) 64.5%, oklch(79.94% 0.0580 200.50) 67.7%, oklch(81.13% 0.0582 194.35) 71.0%, oklch(82.26% 0.0582 187.33) 74.2%, oklch(83.32% 0.0581 179.70) 77.4%, oklch(84.32% 0.0579 171.74) 80.6%, oklch(85.24% 0.0577 163.73) 83.9%, oklch(86.08% 0.0574 155.94) 87.1%, oklch(86.84% 0.0571 148.66) 90.3%, oklch(87.51% 0.0568 142.15) 93.5%, oklch(88.10% 0.0566 136.69) 96.8%, oklch(88.58% 0.0565 132.56) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.583 | 0 | 301.6 |
| 2 | 0.63 | 0.05 | 240.3 |
| 3 | 0.795 | 0.058 | 202.3 |
| 4 | 0.886 | 0.056 | 132.6 |

## In these collections

- [Spring thunder over veld](https://grabient.com/spring-thunder-over-veld)

## Other forms

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