# Earth magenta teal bands

Rainbow linear swatches with 34 colors: #39ac49, #4aa544, #589b42, #64913f, #6e863b, #7a7d33, #89742b, #98692f, #a35f3e, #a95852, #ad5262, #b34d70, #ba477f, #bf408d, #c03c9c, #bd3aa9, #b939b3, #b338bb, #ab3cc1, #9f43c6, #924ec3, #8458b8, #7661ac, #6a69a3, #5d70a0, #487b9e, #2d8795, #249181, #3d9769, #4e9c57, #50a448, #45ad3e, #29b53a, #00bb35. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Rainbow linear swatches
- Seed: `kcp31nySQ8caotHJx7tR8q9EWduzOKjGV86-4`
- Page: https://grabient.com/kcp31nySQ8caotHJx7tR8q9EWduzOKjGV86-4?style=linearSwatches&steps=34&angle=45
- Drawn as: linear swatches, 34 steps, 45 degrees
- Kinds: vivid, rainbow
- Hues: complementary
- Contrast of its darkest and lightest colors: 2 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 | `#39ac49` | `oklch(65.75% 0.1722 145.55)` | Matt Green | black, 7.1 to 1 |
| 2 | `#4aa544` | `oklch(64.43% 0.1600 142.42)` | Oregano Green | black, 6.7 to 1 |
| 3 | `#589b42` | `oklch(62.50% 0.1420 138.58)` | Calm Balm | black, 6.1 to 1 |
| 4 | `#64913f` | `oklch(60.37% 0.1226 132.94)` | Mary’s Garden | black, 5.6 to 1 |
| 5 | `#6e863b` | `oklch(58.47% 0.1063 124.42)` | Khaki Green | black, 5.1 to 1 |
| 6 | `#7a7d33` | `oklch(57.19% 0.0976 111.77)` | Calla Green | black, 4.8 to 1 |
| 7 | `#89742b` | `oklch(56.37% 0.0945 92.75)` | Garden Lettuce Green | black, 4.5 to 1 |
| 8 | `#98692f` | `oklch(55.86% 0.0953 69.65)` | Vintage Caramel | white, 4.7 to 1 |
| 9 | `#a35f3e` | `oklch(55.59% 0.0997 46.08)` | Desert Soil | white, 4.9 to 1 |
| 10 | `#a95852` | `oklch(55.50% 0.1074 25.65)` | Cheek Red | white, 5 to 1 |
| 11 | `#ad5262` | `oklch(55.62% 0.1190 11.18)` | Kissed by a Zombies | white, 5 to 1 |
| 12 | `#b34d70` | `oklch(56.12% 0.1375 0.85)` | Royal Heath | white, 4.9 to 1 |
| 13 | `#ba477f` | `oklch(56.82% 0.1593 353.13)` | Razzle Dazzle | white, 4.9 to 1 |
| 14 | `#bf408d` | `oklch(57.48% 0.1801 346.79)` | Boat Orchid | white, 4.8 to 1 |
| 15 | `#c03c9c` | `oklch(57.86% 0.1955 340.59)` | Byzantine | white, 4.7 to 1 |
| 16 | `#bd3aa9` | `oklch(57.83% 0.2050 334.53)` | Byzantine | white, 4.8 to 1 |
| 17 | `#b939b3` | `oklch(57.54% 0.2121 329.74)` | Pink Perennial | white, 4.9 to 1 |
| 18 | `#b338bb` | `oklch(57.10% 0.2153 325.36)` | Vivid Fuchsia | white, 4.9 to 1 |
| 19 | `#ab3cc1` | `oklch(56.64% 0.2129 320.52)` | Vivid Fuchsia | white, 5 to 1 |
| 20 | `#9f43c6` | `oklch(56.25% 0.2034 314.38)` | Fuchsia Pheromone | white, 5.1 to 1 |
| 21 | `#924ec3` | `oklch(55.73% 0.1809 308.51)` | Morado Purple | white, 5.1 to 1 |
| 22 | `#8458b8` | `oklch(55.12% 0.1490 302.74)` | Fuchsia Blue | white, 5.1 to 1 |
| 23 | `#7661ac` | `oklch(54.64% 0.1158 295.18)` | Genestealer Purple | white, 5.1 to 1 |
| 24 | `#6a69a3` | `oklch(54.53% 0.0898 283.95)` | Inner Journey | white, 5 to 1 |
| 25 | `#5d70a0` | `oklch(55.02% 0.0782 266.76)` | Splendour and Pride | white, 4.8 to 1 |
| 26 | `#487b9e` | `oklch(56.12% 0.0780 240.72)` | Zenith | black, 4.5 to 1 |
| 27 | `#2d8795` | `oklch(57.62% 0.0852 210.22)` | Precious Stone | black, 4.9 to 1 |
| 28 | `#249181` | `oklch(59.31% 0.0973 180.84)` | Miami Jade | black, 5.4 to 1 |
| 29 | `#3d9769` | `oklch(60.98% 0.1116 158.13)` | Ocean Green | black, 5.8 to 1 |
| 30 | `#4e9c57` | `oklch(62.58% 0.1284 146.12)` | Clover Patch | black, 6.2 to 1 |
| 31 | `#50a448` | `oklch(64.39% 0.1517 141.89)` | Green Acres | black, 6.7 to 1 |
| 32 | `#45ad3e` | `oklch(66.21% 0.1773 142.33)` | Matt Green | black, 7.2 to 1 |
| 33 | `#29b53a` | `oklch(67.79% 0.2005 144.43)` | Try Your Luck | black, 7.7 to 1 |
| 34 | `#00bb35` | `oklch(68.90% 0.2155 145.19)` | Toxic Sludge | black, 8.1 to 1 |

## CSS

```css
background: linear-gradient(45deg, #39ac49 0.000% 2.941%, #4aa544 2.941% 5.882%, #589b42 5.882% 8.824%, #64913f 8.824% 11.765%, #6e863b 11.765% 14.706%, #7a7d33 14.706% 17.647%, #89742b 17.647% 20.588%, #98692f 20.588% 23.529%, #a35f3e 23.529% 26.471%, #a95852 26.471% 29.412%, #ad5262 29.412% 32.353%, #b34d70 32.353% 35.294%, #ba477f 35.294% 38.235%, #bf408d 38.235% 41.176%, #c03c9c 41.176% 44.118%, #bd3aa9 44.118% 47.059%, #b939b3 47.059% 50.000%, #b338bb 50.000% 52.941%, #ab3cc1 52.941% 55.882%, #9f43c6 55.882% 58.824%, #924ec3 58.824% 61.765%, #8458b8 61.765% 64.706%, #7661ac 64.706% 67.647%, #6a69a3 67.647% 70.588%, #5d70a0 70.588% 73.529%, #487b9e 73.529% 76.471%, #2d8795 76.471% 79.412%, #249181 79.412% 82.353%, #3d9769 82.353% 85.294%, #4e9c57 85.294% 88.235%, #50a448 88.235% 91.176%, #45ad3e 91.176% 94.118%, #29b53a 94.118% 97.059%, #00bb35 97.059% 100.000%);
background: linear-gradient(45deg, oklch(65.75% 0.1722 145.55) 0.000% 2.941%, oklch(64.43% 0.1600 142.42) 2.941% 5.882%, oklch(62.50% 0.1420 138.58) 5.882% 8.824%, oklch(60.37% 0.1226 132.94) 8.824% 11.765%, oklch(58.47% 0.1063 124.42) 11.765% 14.706%, oklch(57.19% 0.0976 111.77) 14.706% 17.647%, oklch(56.37% 0.0945 92.75) 17.647% 20.588%, oklch(55.86% 0.0953 69.65) 20.588% 23.529%, oklch(55.59% 0.0997 46.08) 23.529% 26.471%, oklch(55.50% 0.1074 25.65) 26.471% 29.412%, oklch(55.62% 0.1190 11.18) 29.412% 32.353%, oklch(56.12% 0.1375 0.85) 32.353% 35.294%, oklch(56.82% 0.1593 353.13) 35.294% 38.235%, oklch(57.48% 0.1801 346.79) 38.235% 41.176%, oklch(57.86% 0.1955 340.59) 41.176% 44.118%, oklch(57.83% 0.2050 334.53) 44.118% 47.059%, oklch(57.54% 0.2121 329.74) 47.059% 50.000%, oklch(57.10% 0.2153 325.36) 50.000% 52.941%, oklch(56.64% 0.2129 320.52) 52.941% 55.882%, oklch(56.25% 0.2034 314.38) 55.882% 58.824%, oklch(55.73% 0.1809 308.51) 58.824% 61.765%, oklch(55.12% 0.1490 302.74) 61.765% 64.706%, oklch(54.64% 0.1158 295.18) 64.706% 67.647%, oklch(54.53% 0.0898 283.95) 67.647% 70.588%, oklch(55.02% 0.0782 266.76) 70.588% 73.529%, oklch(56.12% 0.0780 240.72) 73.529% 76.471%, oklch(57.62% 0.0852 210.22) 76.471% 79.412%, oklch(59.31% 0.0973 180.84) 79.412% 82.353%, oklch(60.98% 0.1116 158.13) 82.353% 85.294%, oklch(62.58% 0.1284 146.12) 85.294% 88.235%, oklch(64.39% 0.1517 141.89) 88.235% 91.176%, oklch(66.21% 0.1773 142.33) 91.176% 94.118%, oklch(67.79% 0.2005 144.43) 94.118% 97.059%, oklch(68.90% 0.2155 145.19) 97.059% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.657 | 0.172 | 145.5 |
| 2 | 0.575 | 0.099 | 116 |
| 3 | 0.555 | 0.112 | 18.7 |
| 4 | 0.579 | 0.197 | -20.4 |
| 5 | 0.563 | 0.205 | -44.7 |
| 6 | 0.547 | 0.081 | -84.8 |
| 7 | 0.614 | 0.116 | -206.4 |
| 8 | 0.689 | 0.216 | -214.8 |

## In these collections

- [Triadic swatches](https://grabient.com/triadic-swatches)

## Other forms

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