# Crimson and teal fynbos after winter rain

The Crimson and teal fynbos after winter rain brings together red, magenta, blue, and light green. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is magenta, and its lightest tone is light green.

- Also called: Mauve, purple, blue and teal linear gradient
- Seed: `kWjlQSvKQ4cQmuVWHztYZi5w`
- Page: https://grabient.com/kWjlQSvKQ4cQmuVWHztYZi5w?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Hues: wide
- Contrast of its darkest and lightest colors: 3.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 | `#ae564f` | `oklch(55.91% 0.1157 26.02)` | Fortune Red | white, 4.9 to 1 |
| 2 | `#ab5455` | `oklch(55.14% 0.1143 20.88)` | Bretzel Brown | white, 5.1 to 1 |
| 3 | `#a5505b` | `oklch(54.01% 0.1121 13.97)` | Cranberry Jam | white, 5.3 to 1 |
| 4 | `#9e4d61` | `oklch(52.66% 0.1095 5.74)` | Cherry Berry | white, 5.6 to 1 |
| 5 | `#964a68` | `oklch(51.22% 0.1067 356.64)` | Glitterati | white, 6 to 1 |
| 6 | `#8d486e` | `oklch(49.86% 0.1040 347.14)` | Twilight Lavender | white, 6.3 to 1 |
| 7 | `#844774` | `oklch(48.71% 0.1017 337.68)` | Grape Kiss | white, 6.7 to 1 |
| 8 | `#7c4779` | `oklch(47.91% 0.1000 328.72)` | Magic Magenta | white, 6.9 to 1 |
| 9 | `#75487e` | `oklch(47.61% 0.0991 320.68)` | Lilac Violet | white, 6.9 to 1 |
| 10 | `#704b84` | `oklch(47.70% 0.0993 312.97)` | Plum Jam | white, 6.9 to 1 |
| 11 | `#6b4e8b` | `oklch(48.07% 0.1003 305.30)` | Zimidar | white, 6.8 to 1 |
| 12 | `#675291` | `oklch(48.69% 0.1019 297.74)` | Pure Mauve | white, 6.6 to 1 |
| 13 | `#625698` | `oklch(49.52% 0.1036 290.33)` | Purple Opulence | white, 6.3 to 1 |
| 14 | `#5d5b9f` | `oklch(50.53% 0.1051 283.16)` | Purple Opulence | white, 6 to 1 |
| 15 | `#5861a4` | `oklch(51.67% 0.1061 276.27)` | Violet Storm | white, 5.7 to 1 |
| 16 | `#5367a9` | `oklch(52.90% 0.1064 269.72)` | Submarine Base | white, 5.3 to 1 |
| 17 | `#4f6ead` | `oklch(54.23% 0.1055 263.63)` | New Age Blue | white, 5 to 1 |
| 18 | `#4c75b0` | `oklch(55.84% 0.1038 258.16)` | Ramjet | white, 4.7 to 1 |
| 19 | `#4c7cb4` | `oklch(57.68% 0.1014 253.19)` | Endless River | black, 4.8 to 1 |
| 20 | `#4d84b7` | `oklch(59.67% 0.0985 248.51)` | Cool Blue | black, 5.2 to 1 |
| 21 | `#4f8bbb` | `oklch(61.71% 0.0953 243.93)` | Blueberry Festival | black, 5.7 to 1 |
| 22 | `#5293bd` | `oklch(63.73% 0.0921 239.28)` | Blue Paradise | black, 6.2 to 1 |
| 23 | `#569abf` | `oklch(65.63% 0.0889 234.34)` | Mountain Bluebird | black, 6.7 to 1 |
| 24 | `#59a1c1` | `oklch(67.33% 0.0861 228.95)` | Dupain | black, 7.2 to 1 |
| 25 | `#5ca6c0` | `oklch(68.83% 0.0835 222.77)` | Pottery Blue | black, 7.7 to 1 |
| 26 | `#5facbf` | `oklch(70.29% 0.0808 215.65)` | Blue Mist | black, 8.1 to 1 |
| 27 | `#64b2bd` | `oklch(71.68% 0.0781 207.96)` | Sea Serenade | black, 8.6 to 1 |
| 28 | `#6bb6ba` | `oklch(72.98% 0.0755 200.14)` | Surfer | black, 9 to 1 |
| 29 | `#72bab8` | `oklch(74.16% 0.0730 192.58)` | Earth Eclipse | black, 9.4 to 1 |
| 30 | `#79beb5` | `oklch(75.20% 0.0708 185.72)` | Mintage | black, 9.8 to 1 |
| 31 | `#80c0b3` | `oklch(76.08% 0.0689 179.96)` | Holiday | black, 10.1 to 1 |
| 32 | `#85c2b2` | `oklch(76.77% 0.0675 175.72)` | Seaborn | black, 10.3 to 1 |

## CSS

```css
background: linear-gradient(180deg, #ae564f 0.0%, #ab5455 3.2%, #a5505b 6.5%, #9e4d61 9.7%, #964a68 12.9%, #8d486e 16.1%, #844774 19.4%, #7c4779 22.6%, #75487e 25.8%, #704b84 29.0%, #6b4e8b 32.3%, #675291 35.5%, #625698 38.7%, #5d5b9f 41.9%, #5861a4 45.2%, #5367a9 48.4%, #4f6ead 51.6%, #4c75b0 54.8%, #4c7cb4 58.1%, #4d84b7 61.3%, #4f8bbb 64.5%, #5293bd 67.7%, #569abf 71.0%, #59a1c1 74.2%, #5ca6c0 77.4%, #5facbf 80.6%, #64b2bd 83.9%, #6bb6ba 87.1%, #72bab8 90.3%, #79beb5 93.5%, #80c0b3 96.8%, #85c2b2 100.0%);
background: linear-gradient(180deg in oklch, oklch(55.91% 0.1157 26.02) 0.0%, oklch(55.14% 0.1143 20.88) 3.2%, oklch(54.01% 0.1121 13.97) 6.5%, oklch(52.66% 0.1095 5.74) 9.7%, oklch(51.22% 0.1067 356.64) 12.9%, oklch(49.86% 0.1040 347.14) 16.1%, oklch(48.71% 0.1017 337.68) 19.4%, oklch(47.91% 0.1000 328.72) 22.6%, oklch(47.61% 0.0991 320.68) 25.8%, oklch(47.70% 0.0993 312.97) 29.0%, oklch(48.07% 0.1003 305.30) 32.3%, oklch(48.69% 0.1019 297.74) 35.5%, oklch(49.52% 0.1036 290.33) 38.7%, oklch(50.53% 0.1051 283.16) 41.9%, oklch(51.67% 0.1061 276.27) 45.2%, oklch(52.90% 0.1064 269.72) 48.4%, oklch(54.23% 0.1055 263.63) 51.6%, oklch(55.84% 0.1038 258.16) 54.8%, oklch(57.68% 0.1014 253.19) 58.1%, oklch(59.67% 0.0985 248.51) 61.3%, oklch(61.71% 0.0953 243.93) 64.5%, oklch(63.73% 0.0921 239.28) 67.7%, oklch(65.63% 0.0889 234.34) 71.0%, oklch(67.33% 0.0861 228.95) 74.2%, oklch(68.83% 0.0835 222.77) 77.4%, oklch(70.29% 0.0808 215.65) 80.6%, oklch(71.68% 0.0781 207.96) 83.9%, oklch(72.98% 0.0755 200.14) 87.1%, oklch(74.16% 0.0730 192.58) 90.3%, oklch(75.20% 0.0708 185.72) 93.5%, oklch(76.08% 0.0689 179.96) 96.8%, oklch(76.77% 0.0675 175.72) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.559 | 0.116 | 26 |
| 2 | 0.476 | 0.099 | -37.4 |
| 3 | 0.535 | 0.106 | -93.4 |
| 4 | 0.677 | 0.085 | -132.5 |
| 5 | 0.768 | 0.068 | -184.3 |

## In these collections

- [Fynbos after winter rain](https://grabient.com/fynbos-after-winter-rain)

## Other forms

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