# Mustard across the Tidal Field

Teal, brown, green and navy linear gradient with 32 colors: #416c6b, #416f6b, #41736b, #437869, #487d66, #518261, #5d865a, #6b8a51, #7c8c48, #8c8e3f, #9c8e37, #ab8e31, #b68d2d, #bf8b2c, #c48a2b, #c58929, #c28924, #ba881c, #ad8816, #9c8818, #868722, #6d8430, #52803f, #357b4c, #137357, #00695e, #005f61, #005562, #044d62, #14455e, #1b3e5a, #1f3956. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Teal, brown, green and navy linear gradient
- Seed: `kSfyOKVa8xysWVO`
- Page: https://grabient.com/kSfyOKVa8xysWVO?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light center, vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 3.9 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 | `#416c6b` | `oklch(50.00% 0.0482 194.06)` | Moonlit Forest | white, 5.8 to 1 |
| 2 | `#416f6b` | `oklch(50.73% 0.0515 189.15)` | Farrago | white, 5.6 to 1 |
| 3 | `#41736b` | `oklch(51.76% 0.0558 182.35)` | Christmas Ivy | white, 5.4 to 1 |
| 4 | `#437869` | `oklch(53.03% 0.0611 173.98)` | Hooker’s Green | white, 5.1 to 1 |
| 5 | `#487d66` | `oklch(54.49% 0.0671 164.39)` | Leaping Lizard | white, 4.7 to 1 |
| 6 | `#518261` | `oklch(56.10% 0.0737 153.91)` | Soylent Green | black, 4.6 to 1 |
| 7 | `#5d865a` | `oklch(57.78% 0.0807 142.88)` | Magic Sage | black, 5 to 1 |
| 8 | `#6b8a51` | `oklch(59.49% 0.0878 131.64)` | Bright Forest | black, 5.3 to 1 |
| 9 | `#7c8c48` | `oklch(61.17% 0.0950 120.51)` | Komatsuna Green | black, 5.7 to 1 |
| 10 | `#8c8e3f` | `oklch(62.76% 0.1019 109.83)` | Cute Pixie | black, 6 to 1 |
| 11 | `#9c8e37` | `oklch(64.22% 0.1085 99.94)` | Banana Leaf | black, 6.3 to 1 |
| 12 | `#ab8e31` | `oklch(65.49% 0.1145 91.18)` | Reef Gold | black, 6.6 to 1 |
| 13 | `#b68d2d` | `oklch(66.51% 0.1197 83.88)` | Mayan Gold | black, 6.8 to 1 |
| 14 | `#bf8b2c` | `oklch(67.22% 0.1240 78.37)` | Hokey Pokey | black, 6.9 to 1 |
| 15 | `#c48a2b` | `oklch(67.58% 0.1272 74.99)` | Victorian Crown | black, 7 to 1 |
| 16 | `#c58929` | `oklch(67.52% 0.1291 74.08)` | Butter Base | black, 7 to 1 |
| 17 | `#c28924` | `oklch(66.99% 0.1295 75.98)` | Auric | black, 6.8 to 1 |
| 18 | `#ba881c` | `oklch(65.95% 0.1285 80.86)` | Old Trail | black, 6.6 to 1 |
| 19 | `#ad8816` | `oklch(64.44% 0.1262 88.38)` | Super Gold | black, 6.3 to 1 |
| 20 | `#9c8818` | `oklch(62.54% 0.1228 98.15)` | Captain Kirk | black, 5.9 to 1 |
| 21 | `#868722` | `oklch(60.32% 0.1184 109.79)` | Buffy Citrine | black, 5.4 to 1 |
| 22 | `#6d8430` | `oklch(57.84% 0.1134 122.93)` | Sun Valley | black, 5 to 1 |
| 23 | `#52803f` | `oklch(55.17% 0.1077 137.17)` | Guinean Green | white, 4.6 to 1 |
| 24 | `#357b4c` | `oklch(52.38% 0.1017 152.14)` | Canadian Pine | white, 5.1 to 1 |
| 25 | `#137357` | `oklch(49.54% 0.0955 167.46)` | Green Velvet | white, 5.8 to 1 |
| 26 | `#00695e` | `oklch(46.72% 0.0833 182.72)` | Evergreen Forest | white, 6.6 to 1 |
| 27 | `#005f61` | `oklch(43.97% 0.0748 197.59)` | Sandhill Crane | white, 7.4 to 1 |
| 28 | `#005562` | `oklch(41.38% 0.0720 211.67)` | Rainy Morning | white, 8.4 to 1 |
| 29 | `#044d62` | `oklch(39.00% 0.0719 224.51)` | Raging Thunderstorm | white, 9.4 to 1 |
| 30 | `#14455e` | `oklch(36.91% 0.0672 235.81)` | Sailor Blue | white, 10.3 to 1 |
| 31 | `#1b3e5a` | `oklch(35.17% 0.0634 245.16)` | Integrity | white, 11.1 to 1 |
| 32 | `#1f3956` | `oklch(33.86% 0.0606 252.18)` | Gibraltar Sea | white, 11.8 to 1 |

## CSS

```css
background: linear-gradient(45deg, #416c6b 0.0%, #416f6b 3.2%, #41736b 6.5%, #437869 9.7%, #487d66 12.9%, #518261 16.1%, #5d865a 19.4%, #6b8a51 22.6%, #7c8c48 25.8%, #8c8e3f 29.0%, #9c8e37 32.3%, #ab8e31 35.5%, #b68d2d 38.7%, #bf8b2c 41.9%, #c48a2b 45.2%, #c58929 48.4%, #c28924 51.6%, #ba881c 54.8%, #ad8816 58.1%, #9c8818 61.3%, #868722 64.5%, #6d8430 67.7%, #52803f 71.0%, #357b4c 74.2%, #137357 77.4%, #00695e 80.6%, #005f61 83.9%, #005562 87.1%, #044d62 90.3%, #14455e 93.5%, #1b3e5a 96.8%, #1f3956 100.0%);
background: linear-gradient(45deg in oklch, oklch(50.00% 0.0482 194.06) 0.0%, oklch(50.73% 0.0515 189.15) 3.2%, oklch(51.76% 0.0558 182.35) 6.5%, oklch(53.03% 0.0611 173.98) 9.7%, oklch(54.49% 0.0671 164.39) 12.9%, oklch(56.10% 0.0737 153.91) 16.1%, oklch(57.78% 0.0807 142.88) 19.4%, oklch(59.49% 0.0878 131.64) 22.6%, oklch(61.17% 0.0950 120.51) 25.8%, oklch(62.76% 0.1019 109.83) 29.0%, oklch(64.22% 0.1085 99.94) 32.3%, oklch(65.49% 0.1145 91.18) 35.5%, oklch(66.51% 0.1197 83.88) 38.7%, oklch(67.22% 0.1240 78.37) 41.9%, oklch(67.58% 0.1272 74.99) 45.2%, oklch(67.52% 0.1291 74.08) 48.4%, oklch(66.99% 0.1295 75.98) 51.6%, oklch(65.95% 0.1285 80.86) 54.8%, oklch(64.44% 0.1262 88.38) 58.1%, oklch(62.54% 0.1228 98.15) 61.3%, oklch(60.32% 0.1184 109.79) 64.5%, oklch(57.84% 0.1134 122.93) 67.7%, oklch(55.17% 0.1077 137.17) 71.0%, oklch(52.38% 0.1017 152.14) 74.2%, oklch(49.54% 0.0955 167.46) 77.4%, oklch(46.72% 0.0833 182.72) 80.6%, oklch(43.97% 0.0748 197.59) 83.9%, oklch(41.38% 0.0720 211.67) 87.1%, oklch(39.00% 0.0719 224.51) 90.3%, oklch(36.91% 0.0672 235.81) 93.5%, oklch(35.17% 0.0634 245.16) 96.8%, oklch(33.86% 0.0606 252.18) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.5 | 0.048 | 194.1 |
| 2 | 0.673 | 0.13 | 74.6 |
| 3 | 0.339 | 0.061 | 252.2 |

## In these collections

- [Cider press afternoon](https://grabient.com/cider-press-afternoon)
- [Between tides](https://grabient.com/between-tides)

## Other forms

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