# Ochre and blue canola fields storm sky

The Ochre and blue canola fields storm sky brings together gold, red, and blue. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is blue, and its lightest tone is gold.

- Also called: Yellow, gray and blue linear swatches
- Seed: `kYxG1CSqc_TQJNmxprSwSq_1eRvW`
- Page: https://grabient.com/kYxG1CSqc_TQJNmxprSwSq_1eRvW?style=linearSwatches&steps=6&angle=45
- Drawn as: linear swatches, 6 steps, 45 degrees
- Kinds: dark center, muted
- Hues: complementary
- Contrast of its darkest and lightest colors: 4.7 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 | `#d6b122` | `oklch(77.17% 0.1502 92.81)` | Ogen Melon | black, 10.1 to 1 |
| 2 | `#977821` | `oklch(58.66% 0.1075 87.53)` | Fernweh | black, 5 to 1 |
| 3 | `#574548` | `oklch(40.94% 0.0248 7.22)` | Chinotto | white, 8.9 to 1 |
| 4 | `#323f7d` | `oklch(38.98% 0.1061 272.11)` | Evening Magic | white, 9.8 to 1 |
| 5 | `#4e61a9` | `oklch(51.18% 0.1171 271.05)` | Starstruck | white, 5.8 to 1 |
| 6 | `#859eb8` | `oklch(68.90% 0.0482 249.92)` | Office Blue | black, 7.5 to 1 |

## CSS

```css
background: linear-gradient(45deg, #d6b122 0.000% 16.667%, #977821 16.667% 33.333%, #574548 33.333% 50.000%, #323f7d 50.000% 66.667%, #4e61a9 66.667% 83.333%, #859eb8 83.333% 100.000%);
background: linear-gradient(45deg, oklch(77.17% 0.1502 92.81) 0.000% 16.667%, oklch(58.66% 0.1075 87.53) 16.667% 33.333%, oklch(40.94% 0.0248 7.22) 33.333% 50.000%, oklch(38.98% 0.1061 272.11) 50.000% 66.667%, oklch(51.18% 0.1171 271.05) 66.667% 83.333%, oklch(68.90% 0.0482 249.92) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.772 | 0.15 | 92.8 |
| 2 | 0.587 | 0.107 | 87.5 |
| 3 | 0.409 | 0.025 | 7.2 |
| 4 | 0.39 | 0.106 | -87.9 |
| 5 | 0.512 | 0.117 | -88.9 |
| 6 | 0.689 | 0.048 | -110.1 |

## In these collections

- [Butter yellow and blue](https://grabient.com/butter-yellow-and-blue)
- [Canola fields storm sky](https://grabient.com/canola-fields-storm-sky)

## Other forms

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