# Gold plum green bands

Rainbow from yellow to lime green linear swatches with 21 colors: #fdda54, #f9c14c, #ec9f4d, #d77e50, #ba5d4e, #993d4c, #77234e, #550d50, #350050, #20004f, #120d49, #061c48, #003148, #004f52, #1a7253, #449052, #59b352, #6ed24f, #95e74a, #b9f64e, #d1ff56. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Rainbow from yellow to lime green linear swatches
- Seed: `kc429DWC46rYtOedrzioR46kIkNNkRz2d0g-I`
- Page: https://grabient.com/kc429DWC46rYtOedrzioR46kIkNNkRz2d0g-I?style=linearSwatches&steps=21
- Drawn as: linear swatches, 21 steps, 90 degrees
- Kinds: dark center, vivid, rainbow
- Hues: triadic
- Contrast of its darkest and lightest colors: 15.4 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 | `#fdda54` | `oklch(89.37% 0.1530 94.22)` | Potato Chip | black, 15.3 to 1 |
| 2 | `#f9c14c` | `oklch(84.09% 0.1448 82.22)` | Creamy Sweet Corn | black, 12.7 to 1 |
| 3 | `#ec9f4d` | `oklch(76.44% 0.1337 65.01)` | Granary Gold | black, 9.6 to 1 |
| 4 | `#d77e50` | `oklch(68.09% 0.1261 47.45)` | Copper Harbor | black, 7 to 1 |
| 5 | `#ba5d4e` | `oklch(58.71% 0.1236 30.51)` | Tandoori | black, 4.7 to 1 |
| 6 | `#993d4c` | `oklch(48.84% 0.1236 12.68)` | Egyptian Red | white, 6.7 to 1 |
| 7 | `#77234e` | `oklch(40.19% 0.1245 353.34)` | Dried Flower Purple | white, 9.7 to 1 |
| 8 | `#550d50` | `oklch(32.10% 0.1288 331.37)` | Cosmic Explorer | white, 13.4 to 1 |
| 9 | `#350050` | `oklch(25.59% 0.1300 309.18)` | Hollow Knight | white, 16.5 to 1 |
| 10 | `#20004f` | `oklch(22.22% 0.1247 290.61)` | Crowberry | white, 17.8 to 1 |
| 11 | `#120d49` | `oklch(21.78% 0.1054 277.15)` | Silent Twilight | white, 17.8 to 1 |
| 12 | `#061c48` | `oklch(24.10% 0.0868 261.68)` | Oxford Blue | white, 16.5 to 1 |
| 13 | `#003148` | `oklch(29.69% 0.0635 235.62)` | Cosmos Blue | white, 13.6 to 1 |
| 14 | `#004f52` | `oklch(38.93% 0.0662 198.33)` | Transporter Green | white, 9.3 to 1 |
| 15 | `#1a7253` | `oklch(49.23% 0.0940 164.96)` | Green Velvet | white, 5.9 to 1 |
| 16 | `#449052` | `oklch(58.88% 0.1199 147.98)` | Ineffable Forest | black, 5.3 to 1 |
| 17 | `#59b352` | `oklch(68.84% 0.1600 142.35)` | Sour Candy | black, 7.9 to 1 |
| 18 | `#6ed24f` | `oklch(77.67% 0.1929 139.05)` | Fresh Green | black, 11 to 1 |
| 19 | `#95e74a` | `oklch(84.57% 0.2035 132.96)` | Kiwi Green | black, 13.8 to 1 |
| 20 | `#b9f64e` | `oklch(90.04% 0.2014 127.33)` | Pick Your Poison | black, 16.3 to 1 |
| 21 | `#d1ff56` | `oklch(93.70% 0.1971 123.45)` | Green of Bhabua | black, 18.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #fdda54 0.000% 4.762%, #f9c14c 4.762% 9.524%, #ec9f4d 9.524% 14.286%, #d77e50 14.286% 19.048%, #ba5d4e 19.048% 23.810%, #993d4c 23.810% 28.571%, #77234e 28.571% 33.333%, #550d50 33.333% 38.095%, #350050 38.095% 42.857%, #20004f 42.857% 47.619%, #120d49 47.619% 52.381%, #061c48 52.381% 57.143%, #003148 57.143% 61.905%, #004f52 61.905% 66.667%, #1a7253 66.667% 71.429%, #449052 71.429% 76.190%, #59b352 76.190% 80.952%, #6ed24f 80.952% 85.714%, #95e74a 85.714% 90.476%, #b9f64e 90.476% 95.238%, #d1ff56 95.238% 100.000%);
background: linear-gradient(90deg, oklch(89.37% 0.1530 94.22) 0.000% 4.762%, oklch(84.09% 0.1448 82.22) 4.762% 9.524%, oklch(76.44% 0.1337 65.01) 9.524% 14.286%, oklch(68.09% 0.1261 47.45) 14.286% 19.048%, oklch(58.71% 0.1236 30.51) 19.048% 23.810%, oklch(48.84% 0.1236 12.68) 23.810% 28.571%, oklch(40.19% 0.1245 353.34) 28.571% 33.333%, oklch(32.10% 0.1288 331.37) 33.333% 38.095%, oklch(25.59% 0.1300 309.18) 38.095% 42.857%, oklch(22.22% 0.1247 290.61) 42.857% 47.619%, oklch(21.78% 0.1054 277.15) 47.619% 52.381%, oklch(24.10% 0.0868 261.68) 52.381% 57.143%, oklch(29.69% 0.0635 235.62) 57.143% 61.905%, oklch(38.93% 0.0662 198.33) 61.905% 66.667%, oklch(49.23% 0.0940 164.96) 66.667% 71.429%, oklch(58.88% 0.1199 147.98) 71.429% 76.190%, oklch(68.84% 0.1600 142.35) 76.190% 80.952%, oklch(77.67% 0.1929 139.05) 80.952% 85.714%, oklch(84.57% 0.2035 132.96) 85.714% 90.476%, oklch(90.04% 0.2014 127.33) 90.476% 95.238%, oklch(93.70% 0.1971 123.45) 95.238% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.894 | 0.153 | 94.2 |
| 2 | 0.693 | 0.127 | 49.8 |
| 3 | 0.425 | 0.124 | -0.9 |
| 4 | 0.232 | 0.13 | -62.2 |
| 5 | 0.26 | 0.083 | -107.6 |
| 6 | 0.52 | 0.099 | -201.7 |
| 7 | 0.787 | 0.196 | -221.7 |
| 8 | 0.937 | 0.198 | -236.5 |

## In these collections

- [Energetic swatches](https://grabient.com/energetic-swatches)

## Other forms

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