# Blue and ochre canola fields storm sky

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

- Also called: Complementary navy to tan linear gradient
- Seed: `kcPDTIpSY_bCowC-IkCy47BdeHz9hIEL5i_Ag`
- Page: https://grabient.com/kcPDTIpSY_bCowC-IkCy47BdeHz9hIEL5i_Ag?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: dark to light
- Hues: complementary
- Contrast of its darkest and lightest colors: 9.2 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 | `#1a183f` | `oklch(23.62% 0.0717 281.95)` | Prune Plum | white, 16.8 to 1 |
| 2 | `#1b1944` | `oklch(24.42% 0.0774 281.16)` | Prune Plum | white, 16.5 to 1 |
| 3 | `#1d1b4b` | `oklch(25.54% 0.0858 279.98)` | Fly-by-Night | white, 16 to 1 |
| 4 | `#1e1d53` | `oklch(26.90% 0.0948 278.77)` | Fly-by-Night | white, 15.4 to 1 |
| 5 | `#20205b` | `oklch(28.44% 0.1024 277.90)` | Spacescape | white, 14.7 to 1 |
| 6 | `#242462` | `oklch(30.12% 0.1071 277.66)` | Intergalactic Cowboy | white, 13.9 to 1 |
| 7 | `#282969` | `oklch(32.02% 0.1101 277.84)` | After Work Blue | white, 13 to 1 |
| 8 | `#2d2e70` | `oklch(34.10% 0.1118 278.33)` | Blue Rose | white, 12 to 1 |
| 9 | `#333477` | `oklch(36.28% 0.1122 279.07)` | Ballpoint Indigo | white, 11.1 to 1 |
| 10 | `#3a3a7d` | `oklch(38.51% 0.1114 279.98)` | Evening Magic | white, 10.1 to 1 |
| 11 | `#414083` | `oklch(40.82% 0.1096 281.02)` | Jacksons Purple | white, 9.1 to 1 |
| 12 | `#494789` | `oklch(43.23% 0.1067 282.25)` | Moonlight Sonata | white, 8.2 to 1 |
| 13 | `#514e8e` | `oklch(45.69% 0.1023 283.75)` | Twilight | white, 7.4 to 1 |
| 14 | `#595592` | `oklch(48.13% 0.0959 285.58)` | Fine Purple | white, 6.6 to 1 |
| 15 | `#615d94` | `oklch(50.55% 0.0867 286.54)` | Colossus | white, 6 to 1 |
| 16 | `#676695` | `oklch(52.99% 0.0739 285.05)` | Dark Horizon | white, 5.3 to 1 |
| 17 | `#6f6e95` | `oklch(55.42% 0.0599 284.83)` | Campanula Purple | white, 4.8 to 1 |
| 18 | `#797594` | `oklch(57.80% 0.0471 289.85)` | Iris Eyes | black, 4.8 to 1 |
| 19 | `#857b93` | `oklch(60.10% 0.0376 304.30)` | Dusky Grape | black, 5.2 to 1 |
| 20 | `#92818f` | `oklch(62.34% 0.0292 332.20)` | Lavendaire | black, 5.7 to 1 |
| 21 | `#9b888b` | `oklch(64.52% 0.0223 7.80)` | Mauverine | black, 6.3 to 1 |
| 22 | `#9f918b` | `oklch(66.63% 0.0186 43.16)` | Cheyenne Rock | black, 6.8 to 1 |
| 23 | `#a2988d` | `oklch(68.62% 0.0200 70.32)` | Grey Flanks | black, 7.4 to 1 |
| 24 | `#a89f8c` | `oklch(70.52% 0.0286 85.13)` | Apple Hill | black, 8 to 1 |
| 25 | `#afa587` | `oklch(72.35% 0.0441 92.42)` | Stone | black, 8.5 to 1 |
| 26 | `#b7ab7e` | `oklch(74.07% 0.0625 95.33)` | Fresh Brew | black, 9.1 to 1 |
| 27 | `#beb075` | `oklch(75.60% 0.0801 96.93)` | Gracious Glow | black, 9.6 to 1 |
| 28 | `#c2b66e` | `oklch(76.92% 0.0935 99.76)` | Kohlrabi | black, 10.1 to 1 |
| 29 | `#c5ba67` | `oklch(78.05% 0.1053 101.81)` | Secret Safari | black, 10.6 to 1 |
| 30 | `#c8be60` | `oklch(79.00% 0.1159 102.81)` | Go Go Lime | black, 10.9 to 1 |
| 31 | `#cbc05a` | `oklch(79.76% 0.1246 103.28)` | Sulphur Yellow | black, 11.2 to 1 |
| 32 | `#cdc255` | `oklch(80.31% 0.1309 103.71)` | Sulphur Yellow | black, 11.4 to 1 |

## CSS

```css
background: linear-gradient(180deg, #1a183f 0.0%, #1b1944 3.2%, #1d1b4b 6.5%, #1e1d53 9.7%, #20205b 12.9%, #242462 16.1%, #282969 19.4%, #2d2e70 22.6%, #333477 25.8%, #3a3a7d 29.0%, #414083 32.3%, #494789 35.5%, #514e8e 38.7%, #595592 41.9%, #615d94 45.2%, #676695 48.4%, #6f6e95 51.6%, #797594 54.8%, #857b93 58.1%, #92818f 61.3%, #9b888b 64.5%, #9f918b 67.7%, #a2988d 71.0%, #a89f8c 74.2%, #afa587 77.4%, #b7ab7e 80.6%, #beb075 83.9%, #c2b66e 87.1%, #c5ba67 90.3%, #c8be60 93.5%, #cbc05a 96.8%, #cdc255 100.0%);
background: linear-gradient(180deg in oklch, oklch(23.62% 0.0717 281.95) 0.0%, oklch(24.42% 0.0774 281.16) 3.2%, oklch(25.54% 0.0858 279.98) 6.5%, oklch(26.90% 0.0948 278.77) 9.7%, oklch(28.44% 0.1024 277.90) 12.9%, oklch(30.12% 0.1071 277.66) 16.1%, oklch(32.02% 0.1101 277.84) 19.4%, oklch(34.10% 0.1118 278.33) 22.6%, oklch(36.28% 0.1122 279.07) 25.8%, oklch(38.51% 0.1114 279.98) 29.0%, oklch(40.82% 0.1096 281.02) 32.3%, oklch(43.23% 0.1067 282.25) 35.5%, oklch(45.69% 0.1023 283.75) 38.7%, oklch(48.13% 0.0959 285.58) 41.9%, oklch(50.55% 0.0867 286.54) 45.2%, oklch(52.99% 0.0739 285.05) 48.4%, oklch(55.42% 0.0599 284.83) 51.6%, oklch(57.80% 0.0471 289.85) 54.8%, oklch(60.10% 0.0376 304.30) 58.1%, oklch(62.34% 0.0292 332.20) 61.3%, oklch(64.52% 0.0223 7.80) 64.5%, oklch(66.63% 0.0186 43.16) 67.7%, oklch(68.62% 0.0200 70.32) 71.0%, oklch(70.52% 0.0286 85.13) 74.2%, oklch(72.35% 0.0441 92.42) 77.4%, oklch(74.07% 0.0625 95.33) 80.6%, oklch(75.60% 0.0801 96.93) 83.9%, oklch(76.92% 0.0935 99.76) 87.1%, oklch(78.05% 0.1053 101.81) 90.3%, oklch(79.00% 0.1159 102.81) 93.5%, oklch(79.76% 0.1246 103.28) 96.8%, oklch(80.31% 0.1309 103.71) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.236 | 0.072 | 282 |
| 2 | 0.291 | 0.105 | 277.7 |
| 3 | 0.382 | 0.112 | 279.8 |
| 4 | 0.488 | 0.094 | 286.2 |
| 5 | 0.594 | 0.04 | 298.9 |
| 6 | 0.689 | 0.021 | 433.1 |
| 7 | 0.764 | 0.088 | 458.4 |
| 8 | 0.803 | 0.131 | 463.7 |

## In these collections

- [Canola fields storm sky](https://grabient.com/canola-fields-storm-sky)

## Other forms

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