# Amber Lime Cyan Sweep

This diagonal gradient moves from saturated amber through sunny yellow and lemon, crosses vivid lime and mint, then closes in cyan and bright blue. Chroma stays high across the full route, producing several clear color zones without a dull bridge. Use it for energetic hero art, festival graphics, sports campaigns, or bright interface backgrounds that need a broad warm-to-cool transition.

- Also called: Vivid orange, yellow, green and blue linear gradient
- Seed: `kWznw29DtCmpExFgMEV0T_IQ`
- Page: https://grabient.com/kWznw29DtCmpExFgMEV0T_IQ?steps=32&angle=54
- Drawn as: linear gradient, 32 steps, 54 degrees
- Kinds: vivid, light, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 2.6 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 | `#feb000` | `oklch(81.10% 0.1699 76.63)` | Frenzy | black, 11.4 to 1 |
| 2 | `#ffb40c` | `oklch(82.05% 0.1692 78.31)` | Saffron Thread | black, 11.8 to 1 |
| 3 | `#ffbb2b` | `oklch(83.46% 0.1626 80.43)` | Garuda Gold | black, 12.4 to 1 |
| 4 | `#ffc441` | `oklch(85.15% 0.1545 82.94)` | Golden Promise | black, 13.1 to 1 |
| 5 | `#ffcc53` | `oklch(86.93% 0.1466 85.81)` | Angry Pasta | black, 14 to 1 |
| 6 | `#ffd461` | `oklch(88.63% 0.1409 88.97)` | Aspen Gold | black, 14.8 to 1 |
| 7 | `#ffdb67` | `oklch(90.05% 0.1403 92.39)` | Sunrose Yellow | black, 15.6 to 1 |
| 8 | `#ffe15f` | `oklch(91.02% 0.1497 96.01)` | Primrose Path | black, 16.1 to 1 |
| 9 | `#fce450` | `oklch(91.36% 0.1630 99.80)` | Blacksmith Fire | black, 16.3 to 1 |
| 10 | `#f5e64f` | `oklch(91.10% 0.1658 103.85)` | Blacksmith Fire | black, 16.3 to 1 |
| 11 | `#eae74b` | `oklch(90.38% 0.1702 108.20)` | Vibrant Arsenic | black, 16 to 1 |
| 12 | `#dee747` | `oklch(89.32% 0.1754 112.81)` | First Colours of Spring | black, 15.6 to 1 |
| 13 | `#cfe645` | `oklch(88.03% 0.1806 117.64)` | Lime Fizz | black, 15 to 1 |
| 14 | `#bee646` | `oklch(86.64% 0.1852 122.66)` | Energos | black, 14.5 to 1 |
| 15 | `#abe54c` | `oklch(85.26% 0.1884 127.84)` | Dynamic Green | black, 14 to 1 |
| 16 | `#97e457` | `oklch(84.01% 0.1894 133.14)` | Dynamic Green | black, 13.5 to 1 |
| 17 | `#84e364` | `oklch(82.96% 0.1873 138.50)` | Amazon Parrot | black, 13.1 to 1 |
| 18 | `#72e273` | `oklch(82.00% 0.1815 143.85)` | Pastel Green | black, 12.7 to 1 |
| 19 | `#61df81` | `oklch(81.06% 0.1732 149.26)` | Pastel Green | black, 12.4 to 1 |
| 20 | `#53dc8e` | `oklch(80.13% 0.1633 154.81)` | Drunken Dragonfly | black, 12 to 1 |
| 21 | `#48d99a` | `oklch(79.17% 0.1532 160.61)` | Reptile Green | black, 11.6 to 1 |
| 22 | `#3ed5a4` | `oklch(78.16% 0.1439 166.76)` | Wild Caribbean Green | black, 11.2 to 1 |
| 23 | `#32d0ad` | `oklch(77.08% 0.1367 173.33)` | Mint Leaf | black, 10.7 to 1 |
| 24 | `#1fccb5` | `oklch(75.90% 0.1326 180.44)` | Exquisite Turquoise | black, 10.3 to 1 |
| 25 | `#00c6bc` | `oklch(74.55% 0.1294 188.51)` | Swimmers Pool | black, 9.8 to 1 |
| 26 | `#00bfc4` | `oklch(72.96% 0.1241 198.06)` | Cala Benirrás Blue | black, 9.2 to 1 |
| 27 | `#00b7cb` | `oklch(71.21% 0.1226 208.52)` | Utopia Beckons | black, 8.5 to 1 |
| 28 | `#00aed1` | `oklch(69.42% 0.1258 219.29)` | Hú Lán Blue | black, 7.9 to 1 |
| 29 | `#00a5d9` | `oklch(67.68% 0.1345 229.75)` | Malibu Blue | black, 7.4 to 1 |
| 30 | `#009ce3` | `oklch(66.09% 0.1496 239.29)` | Atmosphere | black, 6.8 to 1 |
| 31 | `#0294f0` | `oklch(64.75% 0.1709 247.27)` | Karimun Blue | black, 6.4 to 1 |
| 32 | `#2a8cf1` | `oklch(63.78% 0.1750 253.12)` | Bleu de France | black, 6.1 to 1 |

## CSS

```css
background: linear-gradient(54deg, #feb000 0.0%, #ffb40c 3.2%, #ffbb2b 6.5%, #ffc441 9.7%, #ffcc53 12.9%, #ffd461 16.1%, #ffdb67 19.4%, #ffe15f 22.6%, #fce450 25.8%, #f5e64f 29.0%, #eae74b 32.3%, #dee747 35.5%, #cfe645 38.7%, #bee646 41.9%, #abe54c 45.2%, #97e457 48.4%, #84e364 51.6%, #72e273 54.8%, #61df81 58.1%, #53dc8e 61.3%, #48d99a 64.5%, #3ed5a4 67.7%, #32d0ad 71.0%, #1fccb5 74.2%, #00c6bc 77.4%, #00bfc4 80.6%, #00b7cb 83.9%, #00aed1 87.1%, #00a5d9 90.3%, #009ce3 93.5%, #0294f0 96.8%, #2a8cf1 100.0%);
background: linear-gradient(54deg in oklch, oklch(81.10% 0.1699 76.63) 0.0%, oklch(82.05% 0.1692 78.31) 3.2%, oklch(83.46% 0.1626 80.43) 6.5%, oklch(85.15% 0.1545 82.94) 9.7%, oklch(86.93% 0.1466 85.81) 12.9%, oklch(88.63% 0.1409 88.97) 16.1%, oklch(90.05% 0.1403 92.39) 19.4%, oklch(91.02% 0.1497 96.01) 22.6%, oklch(91.36% 0.1630 99.80) 25.8%, oklch(91.10% 0.1658 103.85) 29.0%, oklch(90.38% 0.1702 108.20) 32.3%, oklch(89.32% 0.1754 112.81) 35.5%, oklch(88.03% 0.1806 117.64) 38.7%, oklch(86.64% 0.1852 122.66) 41.9%, oklch(85.26% 0.1884 127.84) 45.2%, oklch(84.01% 0.1894 133.14) 48.4%, oklch(82.96% 0.1873 138.50) 51.6%, oklch(82.00% 0.1815 143.85) 54.8%, oklch(81.06% 0.1732 149.26) 58.1%, oklch(80.13% 0.1633 154.81) 61.3%, oklch(79.17% 0.1532 160.61) 64.5%, oklch(78.16% 0.1439 166.76) 67.7%, oklch(77.08% 0.1367 173.33) 71.0%, oklch(75.90% 0.1326 180.44) 74.2%, oklch(74.55% 0.1294 188.51) 77.4%, oklch(72.96% 0.1241 198.06) 80.6%, oklch(71.21% 0.1226 208.52) 83.9%, oklch(69.42% 0.1258 219.29) 87.1%, oklch(67.68% 0.1345 229.75) 90.3%, oklch(66.09% 0.1496 239.29) 93.5%, oklch(64.75% 0.1709 247.27) 96.8%, oklch(63.78% 0.1750 253.12) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.811 | 0.171 | 76.6 |
| 2 | 0.913 | 0.163 | 98.8 |
| 3 | 0.835 | 0.189 | 135.8 |
| 4 | 0.756 | 0.132 | 182.3 |
| 5 | 0.638 | 0.175 | 253.1 |

## In these collections

- [Bright gradients](https://grabient.com/bright-gradients)

## Other forms

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