# Crimson and sage spring thunder over veld

The Crimson and sage spring thunder over veld brings together red, magenta, blue, teal, and green. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits seasonal campaigns and event graphics. Its darkest tone is magenta, and its lightest tone is green.

- Also called: Brown, blue, teal and green linear swatches
- Seed: `kWgUIatCC5TQat_CmLdy6A6Y`
- Page: https://grabient.com/kWgUIatCC5TQat_CmLdy6A6Y?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: multicolor
- Hues: rainbow
- Contrast of its darkest and lightest colors: 2.4 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 | `#92523f` | `oklch(50.79% 0.0909 37.27)` | Ruskin Red | white, 6 to 1 |
| 2 | `#6a3558` | `oklch(40.94% 0.0896 341.26)` | Halayà Úbe | white, 9.2 to 1 |
| 3 | `#3e4772` | `oklch(40.94% 0.0730 273.63)` | Constellation Blue | white, 8.9 to 1 |
| 4 | `#33767a` | `oklch(52.36% 0.0675 201.77)` | Atoll | white, 5.2 to 1 |
| 5 | `#508e68` | `oklch(59.45% 0.0882 155.27)` | Green Weed | black, 5.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #92523f 0.000% 20.000%, #6a3558 20.000% 40.000%, #3e4772 40.000% 60.000%, #33767a 60.000% 80.000%, #508e68 80.000% 100.000%);
background: linear-gradient(90deg, oklch(50.79% 0.0909 37.27) 0.000% 20.000%, oklch(40.94% 0.0896 341.26) 20.000% 40.000%, oklch(40.94% 0.0730 273.63) 40.000% 60.000%, oklch(52.36% 0.0675 201.77) 60.000% 80.000%, oklch(59.45% 0.0882 155.27) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.508 | 0.091 | 37.3 |
| 2 | 0.409 | 0.09 | -18.7 |
| 3 | 0.409 | 0.073 | -86.4 |
| 4 | 0.524 | 0.068 | -158.2 |
| 5 | 0.594 | 0.088 | -204.7 |

## In these collections

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

## Other forms

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