# Dusty blue fynbos after winter rain

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

- Also called: Gray, teal, blue and purple linear gradient
- Seed: `kcZhuuOo88skWu5VHL8V5FDVEaSlKuMJSEJAg`
- Page: https://grabient.com/kcZhuuOo88skWu5VHL8V5FDVEaSlKuMJSEJAg?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: cool
- Hues: two-hue
- 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 | `#374b5b` | `oklch(40.16% 0.0372 244.69)` | Odyssey | white, 9.1 to 1 |
| 2 | `#384d5d` | `oklch(40.98% 0.0375 240.53)` | Cello | white, 8.7 to 1 |
| 3 | `#39515f` | `oklch(42.12% 0.0379 234.68)` | Restless Sea | white, 8.3 to 1 |
| 4 | `#3a5662` | `oklch(43.54% 0.0386 227.75)` | Kingfisher | white, 7.8 to 1 |
| 5 | `#3c5b66` | `oklch(45.25% 0.0403 220.36)` | Under the Sea | white, 7.2 to 1 |
| 6 | `#3e626a` | `oklch(47.28% 0.0432 212.69)` | Mediterranea | white, 6.6 to 1 |
| 7 | `#406b6f` | `oklch(49.79% 0.0476 203.59)` | Moat | white, 5.9 to 1 |
| 8 | `#447473` | `oklch(52.55% 0.0528 194.13)` | Surf Green | white, 5.2 to 1 |
| 9 | `#497e77` | `oklch(55.31% 0.0580 185.67)` | Azurite Water Green | white, 4.6 to 1 |
| 10 | `#4e867b` | `oklch(57.82% 0.0626 179.52)` | Carlisle | black, 5 to 1 |
| 11 | `#528e7f` | `oklch(60.24% 0.0678 175.33)` | Spa Green | black, 5.5 to 1 |
| 12 | `#569783` | `oklch(62.63% 0.0732 172.57)` | Crisp Lettuce | black, 6.1 to 1 |
| 13 | `#5a9e89` | `oklch(64.79% 0.0774 171.46)` | Derby Green | black, 6.6 to 1 |
| 14 | `#5da48e` | `oklch(66.53% 0.0788 172.23)` | Polished Pine | black, 7.1 to 1 |
| 15 | `#62a795` | `oklch(67.75% 0.0756 174.75)` | Calmness | black, 7.4 to 1 |
| 16 | `#6aa89a` | `oklch(68.56% 0.0672 178.54)` | Calmness | black, 7.6 to 1 |
| 17 | `#72a79f` | `oklch(68.99% 0.0572 184.36)` | Steel Pan Mallet | black, 7.7 to 1 |
| 18 | `#78a6a4` | `oklch(69.06% 0.0493 193.01)` | Cresting Waves | black, 7.7 to 1 |
| 19 | `#79a3a9` | `oklch(68.77% 0.0467 205.48)` | Spartacus | black, 7.6 to 1 |
| 20 | `#789faf` | `oklch(67.93% 0.0481 224.52)` | Bosco Blue | black, 7.3 to 1 |
| 21 | `#7b98b3` | `oklch(66.68% 0.0524 247.41)` | Bluesy Note | black, 6.9 to 1 |
| 22 | `#818fb5` | `oklch(65.28% 0.0596 269.78)` | Skysail Blue | black, 6.5 to 1 |
| 23 | `#8986b5` | `oklch(63.95% 0.0699 287.23)` | Silk Lilac | black, 6.1 to 1 |
| 24 | `#8e7db6` | `oklch(62.74% 0.0851 297.44)` | Unimaginable | black, 5.7 to 1 |
| 25 | `#9174b9` | `oklch(61.47% 0.1057 303.03)` | Middle Blue Purple | black, 5.4 to 1 |
| 26 | `#946bbd` | `oklch(60.24% 0.1277 305.86)` | Viola | black, 5 to 1 |
| 27 | `#9662c0` | `oklch(59.17% 0.1473 307.77)` | Trunks Hair | black, 4.8 to 1 |
| 28 | `#995bc1` | `oklch(58.34% 0.1606 310.27)` | Trunks Hair | black, 4.6 to 1 |
| 29 | `#9b55c0` | `oklch(57.72% 0.1694 312.14)` | Liberal Lilac | white, 4.7 to 1 |
| 30 | `#9c52c0` | `oklch(57.27% 0.1751 313.23)` | Royal Gramma Purple | white, 4.8 to 1 |
| 31 | `#9c4fbf` | `oklch(56.94% 0.1789 313.89)` | Royal Gramma Purple | white, 4.8 to 1 |
| 32 | `#9d4dbf` | `oklch(56.69% 0.1819 314.43)` | Fuchsia Pheromone | white, 4.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #374b5b 0.0%, #384d5d 3.2%, #39515f 6.5%, #3a5662 9.7%, #3c5b66 12.9%, #3e626a 16.1%, #406b6f 19.4%, #447473 22.6%, #497e77 25.8%, #4e867b 29.0%, #528e7f 32.3%, #569783 35.5%, #5a9e89 38.7%, #5da48e 41.9%, #62a795 45.2%, #6aa89a 48.4%, #72a79f 51.6%, #78a6a4 54.8%, #79a3a9 58.1%, #789faf 61.3%, #7b98b3 64.5%, #818fb5 67.7%, #8986b5 71.0%, #8e7db6 74.2%, #9174b9 77.4%, #946bbd 80.6%, #9662c0 83.9%, #995bc1 87.1%, #9b55c0 90.3%, #9c52c0 93.5%, #9c4fbf 96.8%, #9d4dbf 100.0%);
background: linear-gradient(135deg in oklch, oklch(40.16% 0.0372 244.69) 0.0%, oklch(40.98% 0.0375 240.53) 3.2%, oklch(42.12% 0.0379 234.68) 6.5%, oklch(43.54% 0.0386 227.75) 9.7%, oklch(45.25% 0.0403 220.36) 12.9%, oklch(47.28% 0.0432 212.69) 16.1%, oklch(49.79% 0.0476 203.59) 19.4%, oklch(52.55% 0.0528 194.13) 22.6%, oklch(55.31% 0.0580 185.67) 25.8%, oklch(57.82% 0.0626 179.52) 29.0%, oklch(60.24% 0.0678 175.33) 32.3%, oklch(62.63% 0.0732 172.57) 35.5%, oklch(64.79% 0.0774 171.46) 38.7%, oklch(66.53% 0.0788 172.23) 41.9%, oklch(67.75% 0.0756 174.75) 45.2%, oklch(68.56% 0.0672 178.54) 48.4%, oklch(68.99% 0.0572 184.36) 51.6%, oklch(69.06% 0.0493 193.01) 54.8%, oklch(68.77% 0.0467 205.48) 58.1%, oklch(67.93% 0.0481 224.52) 61.3%, oklch(66.68% 0.0524 247.41) 64.5%, oklch(65.28% 0.0596 269.78) 67.7%, oklch(63.95% 0.0699 287.23) 71.0%, oklch(62.74% 0.0851 297.44) 74.2%, oklch(61.47% 0.1057 303.03) 77.4%, oklch(60.24% 0.1277 305.86) 80.6%, oklch(59.17% 0.1473 307.77) 83.9%, oklch(58.34% 0.1606 310.27) 87.1%, oklch(57.72% 0.1694 312.14) 90.3%, oklch(57.27% 0.1751 313.23) 93.5%, oklch(56.94% 0.1789 313.89) 96.8%, oklch(56.69% 0.1819 314.43) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.402 | 0.037 | 244.7 |
| 2 | 0.461 | 0.041 | 217.2 |
| 3 | 0.575 | 0.062 | 180.2 |
| 4 | 0.669 | 0.079 | 172.8 |
| 5 | 0.689 | 0.047 | 201.4 |
| 6 | 0.638 | 0.072 | 289.1 |
| 7 | 0.587 | 0.156 | 309.1 |
| 8 | 0.567 | 0.182 | 314.4 |

## In these collections

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

## Other forms

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