# Bronze and stone canola fields storm sky

The Bronze and stone canola fields storm sky brings together orange, yellow, green, light gray, and light blue. 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 orange, and its lightest tone is light blue.

- Also called: Analogous brown, olive and gray linear gradient
- Seed: `kYXyQ-vh1B8yfQLaGUC5QhCeyJT8`
- Page: https://grabient.com/kYXyQ-vh1B8yfQLaGUC5QhCeyJT8?steps=32&angle=0
- Drawn as: linear gradient, 32 steps, 0 degrees
- Kinds: dark to light
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.5 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 | `#4c3f20` | `oklch(37.40% 0.0496 87.89)` | Avocado Stone | white, 10.2 to 1 |
| 2 | `#4f4321` | `oklch(38.60% 0.0530 89.77)` | Uniform Green | white, 9.7 to 1 |
| 3 | `#534721` | `oklch(40.24% 0.0580 92.47)` | Uniform Green | white, 9.1 to 1 |
| 4 | `#584d21` | `oklch(42.19% 0.0638 95.62)` | Bronze Olive | white, 8.3 to 1 |
| 5 | `#5d5422` | `oklch(44.30% 0.0698 98.89)` | Tucumán Green | white, 7.6 to 1 |
| 6 | `#625b24` | `oklch(46.44% 0.0752 101.94)` | Costa Del Sol | white, 6.9 to 1 |
| 7 | `#666127` | `oklch(48.44% 0.0793 104.40)` | Saguaro | white, 6.3 to 1 |
| 8 | `#6a672a` | `oklch(50.30% 0.0820 106.13)` | Safari Green | white, 5.8 to 1 |
| 9 | `#6f6d2e` | `oklch(52.16% 0.0840 107.41)` | Aged Mustard Green | white, 5.4 to 1 |
| 10 | `#737233` | `oklch(54.02% 0.0853 108.38)` | Crocodile Style | white, 4.9 to 1 |
| 11 | `#787839` | `oklch(55.87% 0.0860 109.17)` | Evening Green | white, 4.6 to 1 |
| 12 | `#7d7e3e` | `oklch(57.71% 0.0862 109.92)` | Thai Basil | black, 4.9 to 1 |
| 13 | `#818444` | `oklch(59.52% 0.0857 110.75)` | Drab | black, 5.2 to 1 |
| 14 | `#85894b` | `oklch(61.30% 0.0848 111.69)` | Overgrown Citadel | black, 5.6 to 1 |
| 15 | `#8a8f52` | `oklch(63.08% 0.0835 112.41)` | Green Jalapeño | black, 6.1 to 1 |
| 16 | `#8f9459` | `oklch(64.85% 0.0816 113.04)` | Indian Green | black, 6.5 to 1 |
| 17 | `#939a60` | `oklch(66.59% 0.0791 113.77)` | Reptilian Leader | black, 7 to 1 |
| 18 | `#979f68` | `oklch(68.28% 0.0759 114.79)` | Banana Palm | black, 7.4 to 1 |
| 19 | `#9ba471` | `oklch(69.92% 0.0718 116.28)` | Cucuzza Verde | black, 7.9 to 1 |
| 20 | `#9fa97a` | `oklch(71.49% 0.0666 118.21)` | Nurturing | black, 8.4 to 1 |
| 21 | `#a3ae83` | `oklch(73.01% 0.0594 119.02)` | Cucumber Crush | black, 8.9 to 1 |
| 22 | `#a8b18e` | `oklch(74.49% 0.0507 119.39)` | Family Tree | black, 9.3 to 1 |
| 23 | `#adb598` | `oklch(75.91% 0.0415 120.56)` | Norwich Green | black, 9.8 to 1 |
| 24 | `#b1b9a2` | `oklch(77.27% 0.0329 123.77)` | Matt Sage | black, 10.3 to 1 |
| 25 | `#b4bdac` | `oklch(78.56% 0.0259 130.25)` | Cedar Mill | black, 10.7 to 1 |
| 26 | `#b6c1b4` | `oklch(79.76% 0.0214 141.30)` | Irish Moor | black, 11.2 to 1 |
| 27 | `#b7c5bc` | `oklch(80.93% 0.0195 159.50)` | Inviting Veranda | black, 11.6 to 1 |
| 28 | `#b7c9c5` | `oklch(82.07% 0.0195 183.34)` | Surf Spray | black, 12.1 to 1 |
| 29 | `#b9cccf` | `oklch(83.12% 0.0206 209.70)` | Sleepy Blue | black, 12.5 to 1 |
| 30 | `#becdd8` | `oklch(84.06% 0.0224 235.48)` | Winter Scene | black, 12.9 to 1 |
| 31 | `#c4cedd` | `oklch(84.85% 0.0240 257.56)` | Monet | black, 13.2 to 1 |
| 32 | `#c9cee0` | `oklch(85.43% 0.0248 272.82)` | Lilac Bisque | black, 13.4 to 1 |

## CSS

```css
background: linear-gradient(0deg, #4c3f20 0.0%, #4f4321 3.2%, #534721 6.5%, #584d21 9.7%, #5d5422 12.9%, #625b24 16.1%, #666127 19.4%, #6a672a 22.6%, #6f6d2e 25.8%, #737233 29.0%, #787839 32.3%, #7d7e3e 35.5%, #818444 38.7%, #85894b 41.9%, #8a8f52 45.2%, #8f9459 48.4%, #939a60 51.6%, #979f68 54.8%, #9ba471 58.1%, #9fa97a 61.3%, #a3ae83 64.5%, #a8b18e 67.7%, #adb598 71.0%, #b1b9a2 74.2%, #b4bdac 77.4%, #b6c1b4 80.6%, #b7c5bc 83.9%, #b7c9c5 87.1%, #b9cccf 90.3%, #becdd8 93.5%, #c4cedd 96.8%, #c9cee0 100.0%);
background: linear-gradient(0deg in oklch, oklch(37.40% 0.0496 87.89) 0.0%, oklch(38.60% 0.0530 89.77) 3.2%, oklch(40.24% 0.0580 92.47) 6.5%, oklch(42.19% 0.0638 95.62) 9.7%, oklch(44.30% 0.0698 98.89) 12.9%, oklch(46.44% 0.0752 101.94) 16.1%, oklch(48.44% 0.0793 104.40) 19.4%, oklch(50.30% 0.0820 106.13) 22.6%, oklch(52.16% 0.0840 107.41) 25.8%, oklch(54.02% 0.0853 108.38) 29.0%, oklch(55.87% 0.0860 109.17) 32.3%, oklch(57.71% 0.0862 109.92) 35.5%, oklch(59.52% 0.0857 110.75) 38.7%, oklch(61.30% 0.0848 111.69) 41.9%, oklch(63.08% 0.0835 112.41) 45.2%, oklch(64.85% 0.0816 113.04) 48.4%, oklch(66.59% 0.0791 113.77) 51.6%, oklch(68.28% 0.0759 114.79) 54.8%, oklch(69.92% 0.0718 116.28) 58.1%, oklch(71.49% 0.0666 118.21) 61.3%, oklch(73.01% 0.0594 119.02) 64.5%, oklch(74.49% 0.0507 119.39) 67.7%, oklch(75.91% 0.0415 120.56) 71.0%, oklch(77.27% 0.0329 123.77) 74.2%, oklch(78.56% 0.0259 130.25) 77.4%, oklch(79.76% 0.0214 141.30) 80.6%, oklch(80.93% 0.0195 159.50) 83.9%, oklch(82.07% 0.0195 183.34) 87.1%, oklch(83.12% 0.0206 209.70) 90.3%, oklch(84.06% 0.0224 235.48) 93.5%, oklch(84.85% 0.0240 257.56) 96.8%, oklch(85.43% 0.0248 272.82) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.374 | 0.05 | 87.9 |
| 2 | 0.488 | 0.08 | 104.8 |
| 3 | 0.602 | 0.085 | 111.1 |
| 4 | 0.709 | 0.069 | 117.5 |
| 5 | 0.795 | 0.022 | 138.6 |
| 6 | 0.854 | 0.025 | 272.8 |

## In these collections

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

## Other forms

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