# Stone and wine spring thunder over veld

The Stone and wine spring thunder over veld brings together light green, green, orange, red, and magenta. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits seasonal campaigns and event graphics. Its darkest tone is magenta, and its lightest tone is light green.

- Also called: Gray to dark purple linear gradient
- Seed: `kc0iBv3JlAlCgwHJEDySRw0cexvo7JT6rhi8o`
- Page: https://grabient.com/kc0iBv3JlAlCgwHJEDySRw0cexvo7JT6rhi8o?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: light to dark, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 6.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 | `#b0cfbb` | `oklch(82.68% 0.0441 156.80)` | Gossamer Green | black, 12.5 to 1 |
| 2 | `#a8cbb5` | `oklch(81.11% 0.0481 157.65)` | Bird’s Egg Green | black, 11.9 to 1 |
| 3 | `#9ec5ae` | `oklch(78.88% 0.0538 158.88)` | Mini Green | black, 11 to 1 |
| 4 | `#91bea5` | `oklch(76.33% 0.0603 160.27)` | Spearmint Frosting | black, 10.1 to 1 |
| 5 | `#84b89d` | `oklch(73.81% 0.0666 161.59)` | Water Green | black, 9.3 to 1 |
| 6 | `#79b296` | `oklch(71.57% 0.0722 162.92)` | Padua | black, 8.6 to 1 |
| 7 | `#6bac90` | `oklch(69.31% 0.0792 164.99)` | Dublin Jack | black, 7.9 to 1 |
| 8 | `#5da78a` | `oklch(67.08% 0.0858 166.90)` | Laurel Wreath | black, 7.3 to 1 |
| 9 | `#52a184` | `oklch(64.99% 0.0898 167.57)` | Inspiration Peak | black, 6.7 to 1 |
| 10 | `#4f9b7d` | `oklch(63.14% 0.0891 165.92)` | Wintergreen Shadow | black, 6.3 to 1 |
| 11 | `#549477` | `oklch(61.46% 0.0806 162.97)` | Deep Grass Green | black, 5.8 to 1 |
| 12 | `#5c8d71` | `oklch(59.94% 0.0671 158.76)` | Alexandrite Green | black, 5.4 to 1 |
| 13 | `#65866d` | `oklch(58.66% 0.0535 152.06)` | Comfrey | black, 5.1 to 1 |
| 14 | `#6b8068` | `oklch(57.69% 0.0449 141.62)` | Cliffside Park | black, 4.9 to 1 |
| 15 | `#727d60` | `oklch(57.16% 0.0447 125.06)` | Limed Ash | black, 4.8 to 1 |
| 16 | `#7e7957` | `oklch(57.11% 0.0500 101.20)` | Olive to the Max | black, 4.7 to 1 |
| 17 | `#8d7451` | `oklch(57.30% 0.0589 75.12)` | Rutherford | black, 4.7 to 1 |
| 18 | `#9a6d52` | `oklch(57.48% 0.0695 52.13)` | Sorrel Brown | black, 4.6 to 1 |
| 19 | `#a26856` | `oklch(57.45% 0.0804 37.39)` | Sizzling Hot | black, 4.6 to 1 |
| 20 | `#aa6256` | `oklch(57.48% 0.0953 30.89)` | Dried Tomatoes | black, 4.5 to 1 |
| 21 | `#b15d51` | `oklch(57.50% 0.1122 29.31)` | Giant’s Club | white, 4.6 to 1 |
| 22 | `#b7574a` | `oklch(57.25% 0.1271 29.74)` | Safflower Bark | white, 4.6 to 1 |
| 23 | `#b85144` | `oklch(56.47% 0.1359 29.25)` | Amaryllis | white, 4.8 to 1 |
| 24 | `#b34c44` | `oklch(54.95% 0.1356 27.07)` | Lady in Red | white, 5.1 to 1 |
| 25 | `#a94843` | `oklch(52.80% 0.1286 25.29)` | Pasadena Rose | white, 5.6 to 1 |
| 26 | `#9c4543` | `oklch(50.33% 0.1180 23.32)` | Lumberjack | white, 6.2 to 1 |
| 27 | `#904143` | `oklch(47.81% 0.1071 20.55)` | Apple-a-Day | white, 6.9 to 1 |
| 28 | `#843d43` | `oklch(45.44% 0.0985 16.25)` | Dark Crimson | white, 7.6 to 1 |
| 29 | `#783844` | `oklch(42.82% 0.0896 9.78)` | Köfte Brown | white, 8.5 to 1 |
| 30 | `#6b3444` | `oklch(40.17% 0.0807 2.37)` | Cabernet Craving | white, 9.5 to 1 |
| 31 | `#603043` | `oklch(37.85% 0.0730 355.57)` | Windsor Wine | white, 10.4 to 1 |
| 32 | `#582e42` | `oklch(36.22% 0.0675 350.89)` | Vistoris Lake | white, 11.1 to 1 |

## CSS

```css
background: linear-gradient(180deg, #b0cfbb 0.0%, #a8cbb5 3.2%, #9ec5ae 6.5%, #91bea5 9.7%, #84b89d 12.9%, #79b296 16.1%, #6bac90 19.4%, #5da78a 22.6%, #52a184 25.8%, #4f9b7d 29.0%, #549477 32.3%, #5c8d71 35.5%, #65866d 38.7%, #6b8068 41.9%, #727d60 45.2%, #7e7957 48.4%, #8d7451 51.6%, #9a6d52 54.8%, #a26856 58.1%, #aa6256 61.3%, #b15d51 64.5%, #b7574a 67.7%, #b85144 71.0%, #b34c44 74.2%, #a94843 77.4%, #9c4543 80.6%, #904143 83.9%, #843d43 87.1%, #783844 90.3%, #6b3444 93.5%, #603043 96.8%, #582e42 100.0%);
background: linear-gradient(180deg in oklch, oklch(82.68% 0.0441 156.80) 0.0%, oklch(81.11% 0.0481 157.65) 3.2%, oklch(78.88% 0.0538 158.88) 6.5%, oklch(76.33% 0.0603 160.27) 9.7%, oklch(73.81% 0.0666 161.59) 12.9%, oklch(71.57% 0.0722 162.92) 16.1%, oklch(69.31% 0.0792 164.99) 19.4%, oklch(67.08% 0.0858 166.90) 22.6%, oklch(64.99% 0.0898 167.57) 25.8%, oklch(63.14% 0.0891 165.92) 29.0%, oklch(61.46% 0.0806 162.97) 32.3%, oklch(59.94% 0.0671 158.76) 35.5%, oklch(58.66% 0.0535 152.06) 38.7%, oklch(57.69% 0.0449 141.62) 41.9%, oklch(57.16% 0.0447 125.06) 45.2%, oklch(57.11% 0.0500 101.20) 48.4%, oklch(57.30% 0.0589 75.12) 51.6%, oklch(57.48% 0.0695 52.13) 54.8%, oklch(57.45% 0.0804 37.39) 58.1%, oklch(57.48% 0.0953 30.89) 61.3%, oklch(57.50% 0.1122 29.31) 64.5%, oklch(57.25% 0.1271 29.74) 67.7%, oklch(56.47% 0.1359 29.25) 71.0%, oklch(54.95% 0.1356 27.07) 74.2%, oklch(52.80% 0.1286 25.29) 77.4%, oklch(50.33% 0.1180 23.32) 80.6%, oklch(47.81% 0.1071 20.55) 83.9%, oklch(45.44% 0.0985 16.25) 87.1%, oklch(42.82% 0.0896 9.78) 90.3%, oklch(40.17% 0.0807 2.37) 93.5%, oklch(37.85% 0.0730 355.57) 96.8%, oklch(36.22% 0.0675 350.89) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.827 | 0.044 | 156.8 |
| 2 | 0.728 | 0.069 | 162.1 |
| 3 | 0.634 | 0.09 | 166.3 |
| 4 | 0.575 | 0.044 | 137.8 |
| 5 | 0.575 | 0.077 | 40.6 |
| 6 | 0.563 | 0.136 | 28.9 |
| 7 | 0.465 | 0.102 | 18.4 |
| 8 | 0.362 | 0.068 | -9.1 |

## In these collections

- [Vintage wine and teal](https://grabient.com/vintage-wine-and-teal)
- [Spring thunder over veld](https://grabient.com/spring-thunder-over-veld)

## Other forms

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