# Sunlit pollen teal drift

Orange, olive and dark green linear gradient with 32 colors: #e09e22, #dd9d23, #d99d24, #d59c26, #d09b28, #ca9a2b, #c5992d, #be982f, #b89631, #b19432, #a99133, #a18e33, #998b32, #918730, #88822f, #7f7d2d, #75782c, #6c732b, #626e2b, #58692b, #4e652c, #45602e, #3b5b31, #315534, #294f36, #224937, #1f4236, #1d3c35, #1c3632, #1c302f, #1d2c2c, #1c2829. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Orange, olive and dark green linear gradient
- Seed: `kUvWs206nCLqeRAiBkhg`
- Page: https://grabient.com/kUvWs206nCLqeRAiBkhg?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light to dark, vivid, multicolor
- 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 | `#e09e22` | `oklch(74.41% 0.1474 76.64)` | Zamesi Desert | black, 9 to 1 |
| 2 | `#dd9d23` | `oklch(73.96% 0.1455 77.66)` | Zamesi Desert | black, 8.9 to 1 |
| 3 | `#d99d24` | `oklch(73.44% 0.1431 78.89)` | New England Autumn | black, 8.7 to 1 |
| 4 | `#d59c26` | `oklch(72.86% 0.1402 80.30)` | Roman Gold | black, 8.6 to 1 |
| 5 | `#d09b28` | `oklch(72.19% 0.1370 81.89)` | Saffron Yellow | black, 8.4 to 1 |
| 6 | `#ca9a2b` | `oklch(71.44% 0.1335 83.66)` | Duck Sauce | black, 8.2 to 1 |
| 7 | `#c5992d` | `oklch(70.60% 0.1298 85.59)` | Crispy Gold | black, 7.9 to 1 |
| 8 | `#be982f` | `oklch(69.66% 0.1261 87.68)` | Gold Taffeta | black, 7.7 to 1 |
| 9 | `#b89631` | `oklch(68.62% 0.1224 89.92)` | Sahara | black, 7.4 to 1 |
| 10 | `#b19432` | `oklch(67.47% 0.1188 92.29)` | Balsam Pear | black, 7.1 to 1 |
| 11 | `#a99133` | `oklch(66.20% 0.1154 94.80)` | Shimmering Glade | black, 6.8 to 1 |
| 12 | `#a18e33` | `oklch(64.79% 0.1124 97.39)` | Banana Leaf | black, 6.4 to 1 |
| 13 | `#998b32` | `oklch(63.19% 0.1096 99.98)` | Parsnip Root | black, 6 to 1 |
| 14 | `#918730` | `oklch(61.44% 0.1069 102.62)` | Lemon Ginger | black, 5.6 to 1 |
| 15 | `#88822f` | `oklch(59.56% 0.1044 105.36)` | Apeland | black, 5.2 to 1 |
| 16 | `#7f7d2d` | `oklch(57.58% 0.1019 108.27)` | Verdant | black, 4.8 to 1 |
| 17 | `#75782c` | `oklch(55.54% 0.0993 111.39)` | Ripe Green | white, 4.6 to 1 |
| 18 | `#6c732b` | `oklch(53.47% 0.0964 114.79)` | Muddy Green | white, 5 to 1 |
| 19 | `#626e2b` | `oklch(51.39% 0.0933 118.52)` | Fiji Green | white, 5.5 to 1 |
| 20 | `#58692b` | `oklch(49.34% 0.0897 122.64)` | Fig Leaf | white, 6 to 1 |
| 21 | `#4e652c` | `oklch(47.34% 0.0857 127.21)` | Tabbouleh Green | white, 6.5 to 1 |
| 22 | `#45602e` | `oklch(45.43% 0.0810 132.33)` | Greenhouse | white, 7 to 1 |
| 23 | `#3b5b31` | `oklch(43.41% 0.0753 138.52)` | Turf | white, 7.7 to 1 |
| 24 | `#315534` | `oklch(41.30% 0.0688 145.68)` | Green Stain | white, 8.4 to 1 |
| 25 | `#294f36` | `oklch(39.13% 0.0616 153.51)` | Moselle Green | white, 9.2 to 1 |
| 26 | `#224937` | `oklch(36.96% 0.0540 161.72)` | Wine Bottle Green | white, 10.1 to 1 |
| 27 | `#1f4236` | `oklch(34.84% 0.0464 170.02)` | English Holly | white, 11.1 to 1 |
| 28 | `#1d3c35` | `oklch(32.82% 0.0389 178.10)` | Palm Green | white, 12 to 1 |
| 29 | `#1c3632` | `oklch(30.95% 0.0319 185.68)` | Medium Jungle Green | white, 12.9 to 1 |
| 30 | `#1c302f` | `oklch(29.29% 0.0257 192.45)` | Dark Pine Green | white, 13.8 to 1 |
| 31 | `#1d2c2c` | `oklch(27.88% 0.0205 198.12)` | Charleston Green | white, 14.5 to 1 |
| 32 | `#1c2829` | `oklch(26.77% 0.0165 202.39)` | Black Pearl | white, 15 to 1 |

## CSS

```css
background: linear-gradient(135deg, #e09e22 0.0%, #dd9d23 3.2%, #d99d24 6.5%, #d59c26 9.7%, #d09b28 12.9%, #ca9a2b 16.1%, #c5992d 19.4%, #be982f 22.6%, #b89631 25.8%, #b19432 29.0%, #a99133 32.3%, #a18e33 35.5%, #998b32 38.7%, #918730 41.9%, #88822f 45.2%, #7f7d2d 48.4%, #75782c 51.6%, #6c732b 54.8%, #626e2b 58.1%, #58692b 61.3%, #4e652c 64.5%, #45602e 67.7%, #3b5b31 71.0%, #315534 74.2%, #294f36 77.4%, #224937 80.6%, #1f4236 83.9%, #1d3c35 87.1%, #1c3632 90.3%, #1c302f 93.5%, #1d2c2c 96.8%, #1c2829 100.0%);
background: linear-gradient(135deg in oklch, oklch(74.41% 0.1474 76.64) 0.0%, oklch(73.96% 0.1455 77.66) 3.2%, oklch(73.44% 0.1431 78.89) 6.5%, oklch(72.86% 0.1402 80.30) 9.7%, oklch(72.19% 0.1370 81.89) 12.9%, oklch(71.44% 0.1335 83.66) 16.1%, oklch(70.60% 0.1298 85.59) 19.4%, oklch(69.66% 0.1261 87.68) 22.6%, oklch(68.62% 0.1224 89.92) 25.8%, oklch(67.47% 0.1188 92.29) 29.0%, oklch(66.20% 0.1154 94.80) 32.3%, oklch(64.79% 0.1124 97.39) 35.5%, oklch(63.19% 0.1096 99.98) 38.7%, oklch(61.44% 0.1069 102.62) 41.9%, oklch(59.56% 0.1044 105.36) 45.2%, oklch(57.58% 0.1019 108.27) 48.4%, oklch(55.54% 0.0993 111.39) 51.6%, oklch(53.47% 0.0964 114.79) 54.8%, oklch(51.39% 0.0933 118.52) 58.1%, oklch(49.34% 0.0897 122.64) 61.3%, oklch(47.34% 0.0857 127.21) 64.5%, oklch(45.43% 0.0810 132.33) 67.7%, oklch(43.41% 0.0753 138.52) 71.0%, oklch(41.30% 0.0688 145.68) 74.2%, oklch(39.13% 0.0616 153.51) 77.4%, oklch(36.96% 0.0540 161.72) 80.6%, oklch(34.84% 0.0464 170.02) 83.9%, oklch(32.82% 0.0389 178.10) 87.1%, oklch(30.95% 0.0319 185.68) 90.3%, oklch(29.29% 0.0257 192.45) 93.5%, oklch(27.88% 0.0205 198.12) 96.8%, oklch(26.77% 0.0165 202.39) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.744 | 0.147 | 76.6 |
| 2 | 0.657 | 0.114 | 95.7 |
| 3 | 0.461 | 0.083 | 130.5 |
| 4 | 0.268 | 0.017 | 202.4 |

## In these collections

- [Golden pollen](https://grabient.com/golden-pollen)

## Other forms

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