# Amber teal malt glow

Vivid blue, green, orange and brown linear gradient with 32 colors: #2977b2, #007faf, #0087a2, #008f96, #009886, #2ea06b, #67a14c, #909e2e, #b19917, #c9941c, #d9912e, #e2903b, #e89144, #ec9448, #ed9848, #ec9d47, #eaa145, #e6a643, #e1a942, #dbab41, #d6aa40, #d2a63f, #cda03b, #c69737, #bf8c31, #b6812c, #ad7527, #a46923, #9a5e1f, #92551d, #8b4e1a, #854819. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid blue, green, orange and brown linear gradient
- Seed: `kUjFau2zKq1-vQi7pTwg`
- Page: https://grabient.com/kUjFau2zKq1-vQi7pTwg?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.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 | `#2977b2` | `oklch(55.12% 0.1185 245.39)` | North Atlantic Breeze | white, 4.7 to 1 |
| 2 | `#007faf` | `oklch(56.12% 0.1180 234.34)` | Turkish Blue | black, 4.6 to 1 |
| 3 | `#0087a2` | `oklch(57.48% 0.1040 219.09)` | Gogo Blue | black, 4.9 to 1 |
| 4 | `#008f96` | `oklch(59.10% 0.1005 200.69)` | Christina Brown | black, 5.3 to 1 |
| 5 | `#009886` | `oklch(60.92% 0.1104 180.16)` | Plumage | black, 5.8 to 1 |
| 6 | `#2ea06b` | `oklch(62.84% 0.1290 158.55)` | Bulma Hair | black, 6.3 to 1 |
| 7 | `#67a14c` | `oklch(64.79% 0.1316 136.84)` | Off Green | black, 6.7 to 1 |
| 8 | `#909e2e` | `oklch(66.70% 0.1340 116.08)` | Vigorous Wasabi | black, 7.1 to 1 |
| 9 | `#b19917` | `oklch(68.47% 0.1361 97.28)` | Banana Puree | black, 7.4 to 1 |
| 10 | `#c9941c` | `oklch(70.04% 0.1378 81.47)` | Tawny Olive | black, 7.7 to 1 |
| 11 | `#d9912e` | `oklch(71.31% 0.1390 69.67)` | Autumn Blaze | black, 8 to 1 |
| 12 | `#e2903b` | `oklch(72.31% 0.1394 62.55)` | Orange Drop | black, 8.2 to 1 |
| 13 | `#e89144` | `oklch(73.31% 0.1395 59.21)` | Velvet Marigold | black, 8.5 to 1 |
| 14 | `#ec9448` | `oklch(74.28% 0.1393 58.93)` | Physalis | black, 8.8 to 1 |
| 15 | `#ed9848` | `oklch(75.17% 0.1387 61.02)` | Mandarin Essence | black, 9.1 to 1 |
| 16 | `#ec9d47` | `oklch(75.92% 0.1379 64.81)` | Cornucopia | black, 9.4 to 1 |
| 17 | `#eaa145` | `oklch(76.49% 0.1368 69.62)` | Golden Koi | black, 9.7 to 1 |
| 18 | `#e6a643` | `oklch(76.82% 0.1355 74.79)` | Brass Mesh | black, 9.8 to 1 |
| 19 | `#e1a942` | `oklch(76.87% 0.1340 79.63)` | Crispy Chicken Skin | black, 9.9 to 1 |
| 20 | `#dbab41` | `oklch(76.58% 0.1324 83.47)` | Crispy Chicken Skin | black, 9.8 to 1 |
| 21 | `#d6aa40` | `oklch(75.89% 0.1307 85.64)` | Brassy Tint | black, 9.6 to 1 |
| 22 | `#d2a63f` | `oklch(74.75% 0.1289 85.55)` | Brassed Off | black, 9.2 to 1 |
| 23 | `#cda03b` | `oklch(72.89% 0.1266 83.98)` | Tiger Cat | black, 8.6 to 1 |
| 24 | `#c69737` | `oklch(70.39% 0.1240 81.47)` | Crispy Gold | black, 7.8 to 1 |
| 25 | `#bf8c31` | `oklch(67.41% 0.1210 78.23)` | Hokey Pokey | black, 7 to 1 |
| 26 | `#b6812c` | `oklch(64.12% 0.1178 74.49)` | Nouveau Green | black, 6.1 to 1 |
| 27 | `#ad7527` | `oklch(60.67% 0.1146 70.48)` | Hamtaro Brown | black, 5.3 to 1 |
| 28 | `#a46923` | `oklch(57.23% 0.1115 66.41)` | Theatre Gold | black, 4.6 to 1 |
| 29 | `#9a5e1f` | `oklch(53.96% 0.1085 62.52)` | Tortoiseshell Specs | white, 5.2 to 1 |
| 30 | `#92551d` | `oklch(51.03% 0.1058 59.03)` | Caramel Café | white, 5.9 to 1 |
| 31 | `#8b4e1a` | `oklch(48.61% 0.1036 56.15)` | Plane Brown | white, 6.5 to 1 |
| 32 | `#854819` | `oklch(46.85% 0.1020 54.12)` | Brown Eyed Girl | white, 7.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #2977b2 0.0%, #007faf 3.2%, #0087a2 6.5%, #008f96 9.7%, #009886 12.9%, #2ea06b 16.1%, #67a14c 19.4%, #909e2e 22.6%, #b19917 25.8%, #c9941c 29.0%, #d9912e 32.3%, #e2903b 35.5%, #e89144 38.7%, #ec9448 41.9%, #ed9848 45.2%, #ec9d47 48.4%, #eaa145 51.6%, #e6a643 54.8%, #e1a942 58.1%, #dbab41 61.3%, #d6aa40 64.5%, #d2a63f 67.7%, #cda03b 71.0%, #c69737 74.2%, #bf8c31 77.4%, #b6812c 80.6%, #ad7527 83.9%, #a46923 87.1%, #9a5e1f 90.3%, #92551d 93.5%, #8b4e1a 96.8%, #854819 100.0%);
background: linear-gradient(135deg in oklch, oklch(55.12% 0.1185 245.39) 0.0%, oklch(56.12% 0.1180 234.34) 3.2%, oklch(57.48% 0.1040 219.09) 6.5%, oklch(59.10% 0.1005 200.69) 9.7%, oklch(60.92% 0.1104 180.16) 12.9%, oklch(62.84% 0.1290 158.55) 16.1%, oklch(64.79% 0.1316 136.84) 19.4%, oklch(66.70% 0.1340 116.08) 22.6%, oklch(68.47% 0.1361 97.28) 25.8%, oklch(70.04% 0.1378 81.47) 29.0%, oklch(71.31% 0.1390 69.67) 32.3%, oklch(72.31% 0.1394 62.55) 35.5%, oklch(73.31% 0.1395 59.21) 38.7%, oklch(74.28% 0.1393 58.93) 41.9%, oklch(75.17% 0.1387 61.02) 45.2%, oklch(75.92% 0.1379 64.81) 48.4%, oklch(76.49% 0.1368 69.62) 51.6%, oklch(76.82% 0.1355 74.79) 54.8%, oklch(76.87% 0.1340 79.63) 58.1%, oklch(76.58% 0.1324 83.47) 61.3%, oklch(75.89% 0.1307 85.64) 64.5%, oklch(74.75% 0.1289 85.55) 67.7%, oklch(72.89% 0.1266 83.98) 71.0%, oklch(70.39% 0.1240 81.47) 74.2%, oklch(67.41% 0.1210 78.23) 77.4%, oklch(64.12% 0.1178 74.49) 80.6%, oklch(60.67% 0.1146 70.48) 83.9%, oklch(57.23% 0.1115 66.41) 87.1%, oklch(53.96% 0.1085 62.52) 90.3%, oklch(51.03% 0.1058 59.03) 93.5%, oklch(48.61% 0.1036 56.15) 96.8%, oklch(46.85% 0.1020 54.12) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.551 | 0.119 | 245.4 |
| 2 | 0.717 | 0.139 | 66.8 |
| 3 | 0.752 | 0.13 | 85.8 |
| 4 | 0.469 | 0.102 | 54.1 |

## In these collections

- [Oktoberfest](https://grabient.com/oktoberfest)

## Other forms

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