# Bronze and sage canola fields storm sky

The Bronze and sage canola fields storm sky brings together orange, dark red, dark blue, blue, teal, and light green. 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 light green.

- Also called: Rainbow from brown to green angular gradient
- Seed: `kYiWImJh48J8dMy8oDv25c5WmZOQ`
- Page: https://grabient.com/kYiWImJh48J8dMy8oDv25c5WmZOQ?style=angularGradient&steps=32&angle=135
- Drawn as: angular gradient, 32 steps, 135 degrees
- Kinds: dark center, vivid, rainbow
- Hues: complementary
- Contrast of its darkest and lightest colors: 10.3 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 | `#a95403` | `oklch(53.94% 0.1350 53.44)` | Tijolo | white, 5.3 to 1 |
| 2 | `#9f4c0b` | `oklch(51.22% 0.1290 50.95)` | Burnt Bagel | white, 5.9 to 1 |
| 3 | `#90420f` | `oklch(47.32% 0.1203 48.24)` | Korichnewyi Brown | white, 7 to 1 |
| 4 | `#7e3711` | `oklch(42.75% 0.1101 44.74)` | Red Beech | white, 8.5 to 1 |
| 5 | `#6d2c13` | `oklch(38.05% 0.0997 39.89)` | Moussaka | white, 10.4 to 1 |
| 6 | `#5d2216` | `oklch(33.77% 0.0905 33.14)` | Red Oxide | white, 12.3 to 1 |
| 7 | `#511a19` | `oklch(30.43% 0.0836 23.92)` | Mama Africa | white, 13.9 to 1 |
| 8 | `#48141f` | `oklch(28.10% 0.0798 11.01)` | What We Do in the Shadows | white, 15 to 1 |
| 9 | `#3f1027` | `oklch(26.11% 0.0779 353.79)` | What We Do in the Shadows | white, 15.9 to 1 |
| 10 | `#350f2f` | `oklch(24.57% 0.0774 334.09)` | Synallactida | white, 16.6 to 1 |
| 11 | `#2b1037` | `oklch(23.60% 0.0779 313.79)` | Dark Prom Queen | white, 17 to 1 |
| 12 | `#21133e` | `oklch(23.34% 0.0788 294.78)` | Prune Plum | white, 17 to 1 |
| 13 | `#181843` | `oklch(23.92% 0.0797 278.96)` | Tetsu-Kon Blue | white, 16.7 to 1 |
| 14 | `#121f49` | `oklch(25.52% 0.0804 267.85)` | Konkikyō Blue | white, 15.9 to 1 |
| 15 | `#102852` | `oklch(28.33% 0.0821 260.51)` | Dark Tyrian Blue | white, 14.5 to 1 |
| 16 | `#11335d` | `oklch(32.06% 0.0843 255.67)` | Ending Navy Blue | white, 12.7 to 1 |
| 17 | `#163f6a` | `oklch(36.35% 0.0865 252.10)` | Blue Opal | white, 10.7 to 1 |
| 18 | `#1d4d77` | `oklch(40.85% 0.0881 248.61)` | Seashell Cove | white, 8.8 to 1 |
| 19 | `#235a83` | `oklch(45.22% 0.0886 243.97)` | Bahama Blue | white, 7.3 to 1 |
| 20 | `#27688c` | `oklch(49.21% 0.0875 237.15)` | Drake’s Neck | white, 6.1 to 1 |
| 21 | `#2e7694` | `oklch(53.33% 0.0842 229.03)` | Devil Blue | white, 5 to 1 |
| 22 | `#3b849a` | `oklch(57.62% 0.0796 220.16)` | Dirty Blue | black, 4.9 to 1 |
| 23 | `#4a929f` | `oklch(61.87% 0.0744 210.80)` | Teal Trinket | black, 5.9 to 1 |
| 24 | `#5b9fa3` | `oklch(65.90% 0.0694 201.20)` | Bali Bliss | black, 6.9 to 1 |
| 25 | `#6baaa7` | `oklch(69.54% 0.0653 191.61)` | Veranda | black, 7.9 to 1 |
| 26 | `#79b4aa` | `oklch(72.61% 0.0631 182.25)` | Intracoastal | black, 8.9 to 1 |
| 27 | `#86bcaa` | `oklch(75.19% 0.0626 172.13)` | Peppermint Bar | black, 9.7 to 1 |
| 28 | `#92c3a9` | `oklch(77.40% 0.0633 161.29)` | Spearmint Frosting | black, 10.5 to 1 |
| 29 | `#9ec8a6` | `oklch(79.26% 0.0648 150.51)` | French Market | black, 11.2 to 1 |
| 30 | `#aacba3` | `oklch(80.80% 0.0665 140.52)` | Limestoned | black, 11.8 to 1 |
| 31 | `#b4cea1` | `oklch(82.06% 0.0680 132.10)` | Apium | black, 12.3 to 1 |
| 32 | `#bcd0a0` | `oklch(83.07% 0.0689 126.00)` | Fava Bean | black, 12.6 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #a95403 0.0%, #9f4c0b 3.2%, #90420f 6.5%, #7e3711 9.7%, #6d2c13 12.9%, #5d2216 16.1%, #511a19 19.4%, #48141f 22.6%, #3f1027 25.8%, #350f2f 29.0%, #2b1037 32.3%, #21133e 35.5%, #181843 38.7%, #121f49 41.9%, #102852 45.2%, #11335d 48.4%, #163f6a 51.6%, #1d4d77 54.8%, #235a83 58.1%, #27688c 61.3%, #2e7694 64.5%, #3b849a 67.7%, #4a929f 71.0%, #5b9fa3 74.2%, #6baaa7 77.4%, #79b4aa 80.6%, #86bcaa 83.9%, #92c3a9 87.1%, #9ec8a6 90.3%, #aacba3 93.5%, #b4cea1 96.8%, #bcd0a0 100.0%);
background: conic-gradient(from 135deg in oklch, oklch(53.94% 0.1350 53.44) 0.0%, oklch(51.22% 0.1290 50.95) 3.2%, oklch(47.32% 0.1203 48.24) 6.5%, oklch(42.75% 0.1101 44.74) 9.7%, oklch(38.05% 0.0997 39.89) 12.9%, oklch(33.77% 0.0905 33.14) 16.1%, oklch(30.43% 0.0836 23.92) 19.4%, oklch(28.10% 0.0798 11.01) 22.6%, oklch(26.11% 0.0779 353.79) 25.8%, oklch(24.57% 0.0774 334.09) 29.0%, oklch(23.60% 0.0779 313.79) 32.3%, oklch(23.34% 0.0788 294.78) 35.5%, oklch(23.92% 0.0797 278.96) 38.7%, oklch(25.52% 0.0804 267.85) 41.9%, oklch(28.33% 0.0821 260.51) 45.2%, oklch(32.06% 0.0843 255.67) 48.4%, oklch(36.35% 0.0865 252.10) 51.6%, oklch(40.85% 0.0881 248.61) 54.8%, oklch(45.22% 0.0886 243.97) 58.1%, oklch(49.21% 0.0875 237.15) 61.3%, oklch(53.33% 0.0842 229.03) 64.5%, oklch(57.62% 0.0796 220.16) 67.7%, oklch(61.87% 0.0744 210.80) 71.0%, oklch(65.90% 0.0694 201.20) 74.2%, oklch(69.54% 0.0653 191.61) 77.4%, oklch(72.61% 0.0631 182.25) 80.6%, oklch(75.19% 0.0626 172.13) 83.9%, oklch(77.40% 0.0633 161.29) 87.1%, oklch(79.26% 0.0648 150.51) 90.3%, oklch(80.80% 0.0665 140.52) 93.5%, oklch(82.06% 0.0680 132.10) 96.8%, oklch(83.07% 0.0689 126.00) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.539 | 0.135 | 53.4 |
| 2 | 0.299 | 0.083 | 21.7 |
| 3 | 0.244 | 0.08 | -86.1 |
| 4 | 0.476 | 0.088 | -119.9 |
| 5 | 0.72 | 0.063 | -175.9 |
| 6 | 0.831 | 0.069 | -234 |

## In these collections

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

## Other forms

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