# Violet teal blue horizon gradient

Lavender, blue, teal and gray linear gradient with 48 colors: #a18eac, #9b89a8, #9382a2, #89799a, #7e7091, #726689, #665c80, #5b5377, #504b70, #47456a, #3f4066, #393f64, #364065, #344468, #354b6e, #385475, #3c5f7d, #436c86, #4b798f, #558798, #6094a1, #6ba0a8, #76abaf, #7fb4b3, #87bbb6, #8fc1b7, #98c6b8, #a1cbb8, #a9cfb8, #b1d2b8, #b9d4b7, #bed5b7, #c2d6b6, #c4d5b6, #c3d4b4, #c0d2b3, #b9ceb1, #adc9ae, #9fc1ab, #8eb8a9, #7eada7, #70a1a4, #6594a1, #5e879d, #5b7a97, #5a6e90, #5a6489, #5a5d83. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Lavender, blue, teal and gray linear gradient
- Seed: `kWqyPesBe7N6UNlqkTkPpZRQ`
- Page: https://grabient.com/kWqyPesBe7N6UNlqkTkPpZRQ?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: light center, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 6.5 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 | `#a18eac` | `oklch(67.32% 0.0482 312.89)` | Aged to Perfection | black, 6.9 to 1 |
| 2 | `#9b89a8` | `oklch(65.64% 0.0491 311.04)` | Saffron Blossom Mauve | black, 6.5 to 1 |
| 3 | `#9382a2` | `oklch(63.23% 0.0504 308.90)` | Fabulous Grape | black, 5.9 to 1 |
| 4 | `#89799a` | `oklch(60.27% 0.0519 306.48)` | Relic | black, 5.2 to 1 |
| 5 | `#7e7091` | `oklch(56.93% 0.0536 303.77)` | Provence Violet | black, 4.5 to 1 |
| 6 | `#726689` | `oklch(53.39% 0.0555 300.77)` | Aromatic | white, 5.2 to 1 |
| 7 | `#665c80` | `oklch(49.83% 0.0573 297.47)` | Purple Valley | white, 6.1 to 1 |
| 8 | `#5b5377` | `oklch(46.42% 0.0592 293.88)` | Benikakehana Purple | white, 7.1 to 1 |
| 9 | `#504b70` | `oklch(43.35% 0.0608 289.99)` | Harajuku Girl | white, 8.1 to 1 |
| 10 | `#47456a` | `oklch(40.78% 0.0623 285.80)` | Deepest Fig | white, 9 to 1 |
| 11 | `#3f4066` | `oklch(38.90% 0.0636 281.32)` | Chronicle | white, 9.7 to 1 |
| 12 | `#393f64` | `oklch(37.89% 0.0644 276.53)` | Raven Night | white, 10.1 to 1 |
| 13 | `#364065` | `oklch(37.91% 0.0648 271.42)` | Bay of Many | white, 10.1 to 1 |
| 14 | `#344468` | `oklch(39.02% 0.0648 265.71)` | Forlorn Cruise | white, 9.6 to 1 |
| 15 | `#354b6e` | `oklch(41.07% 0.0645 259.39)` | Naval Blue | white, 8.8 to 1 |
| 16 | `#385475` | `oklch(43.89% 0.0640 252.57)` | Aerostatics | white, 7.7 to 1 |
| 17 | `#3c5f7d` | `oklch(47.30% 0.0631 245.37)` | Chinese Porcelain | white, 6.6 to 1 |
| 18 | `#436c86` | `oklch(51.13% 0.0622 237.91)` | Eames for Blue | white, 5.6 to 1 |
| 19 | `#4b798f` | `oklch(55.22% 0.0611 230.31)` | Moody Teal | white, 4.7 to 1 |
| 20 | `#558798` | `oklch(59.37% 0.0599 222.70)` | Stratford Blue | black, 5.2 to 1 |
| 21 | `#6094a1` | `oklch(63.44% 0.0587 215.18)` | Lakeshore | black, 6.2 to 1 |
| 22 | `#6ba0a8` | `oklch(67.23% 0.0575 207.88)` | Reef Waters | black, 7.2 to 1 |
| 23 | `#76abaf` | `oklch(70.58% 0.0565 200.92)` | Solution | black, 8.2 to 1 |
| 24 | `#7fb4b3` | `oklch(73.32% 0.0555 194.41)` | Cold Front Green | black, 9 to 1 |
| 25 | `#87bbb6` | `oklch(75.38% 0.0547 188.26)` | Morning Green | black, 9.7 to 1 |
| 26 | `#8fc1b7` | `oklch(77.25% 0.0538 181.36)` | Undine | black, 10.4 to 1 |
| 27 | `#98c6b8` | `oklch(79.00% 0.0529 173.81)` | Float Your Boat | black, 11.1 to 1 |
| 28 | `#a1cbb8` | `oklch(80.59% 0.0519 165.96)` | Cool Juniper | black, 11.7 to 1 |
| 29 | `#a9cfb8` | `oklch(82.00% 0.0509 158.13)` | Taffy Twist | black, 12.2 to 1 |
| 30 | `#b1d2b8` | `oklch(83.20% 0.0499 150.67)` | Enchanted Meadow | black, 12.7 to 1 |
| 31 | `#b9d4b7` | `oklch(84.15% 0.0490 143.91)` | Surf | black, 13.1 to 1 |
| 32 | `#bed5b7` | `oklch(84.82% 0.0482 138.19)` | Nature | black, 13.4 to 1 |
| 33 | `#c2d6b6` | `oklch(85.19% 0.0475 133.84)` | Nature | black, 13.5 to 1 |
| 34 | `#c4d5b6` | `oklch(85.21% 0.0470 131.20)` | Spice Garden | black, 13.5 to 1 |
| 35 | `#c3d4b4` | `oklch(84.86% 0.0468 130.60)` | Hidden Hills | black, 13.4 to 1 |
| 36 | `#c0d2b3` | `oklch(84.11% 0.0468 132.39)` | Stability | black, 13 to 1 |
| 37 | `#b9ceb1` | `oklch(82.81% 0.0471 137.16)` | Kiss of Mint | black, 12.5 to 1 |
| 38 | `#adc9ae` | `oklch(80.75% 0.0478 145.45)` | Pastel Meadow | black, 11.7 to 1 |
| 39 | `#9fc1ab` | `oklch(78.05% 0.0489 156.63)` | Spring Reflection | black, 10.7 to 1 |
| 40 | `#8eb8a9` | `oklch(74.86% 0.0501 170.05)` | Mild Evergreen | black, 9.6 to 1 |
| 41 | `#7eada7` | `oklch(71.33% 0.0515 185.07)` | Green Room | black, 8.4 to 1 |
| 42 | `#70a1a4` | `oklch(67.60% 0.0530 201.03)` | Delaware Blue Hen | black, 7.3 to 1 |
| 43 | `#6594a1` | `oklch(63.82% 0.0546 217.28)` | Shore Water | black, 6.3 to 1 |
| 44 | `#5e879d` | `oklch(60.13% 0.0561 233.17)` | Adriatic Blue | black, 5.4 to 1 |
| 45 | `#5b7a97` | `oklch(56.68% 0.0576 248.05)` | Cropper Blue | black, 4.6 to 1 |
| 46 | `#5a6e90` | `oklch(53.61% 0.0588 261.27)` | Waikawa Grey | white, 5.1 to 1 |
| 47 | `#5a6489` | `oklch(51.07% 0.0599 272.18)` | Enduring | white, 5.7 to 1 |
| 48 | `#5a5d83` | `oklch(49.21% 0.0606 280.13)` | Strong Iris | white, 6.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #a18eac 0.0%, #9b89a8 2.1%, #9382a2 4.3%, #89799a 6.4%, #7e7091 8.5%, #726689 10.6%, #665c80 12.8%, #5b5377 14.9%, #504b70 17.0%, #47456a 19.1%, #3f4066 21.3%, #393f64 23.4%, #364065 25.5%, #344468 27.7%, #354b6e 29.8%, #385475 31.9%, #3c5f7d 34.0%, #436c86 36.2%, #4b798f 38.3%, #558798 40.4%, #6094a1 42.6%, #6ba0a8 44.7%, #76abaf 46.8%, #7fb4b3 48.9%, #87bbb6 51.1%, #8fc1b7 53.2%, #98c6b8 55.3%, #a1cbb8 57.4%, #a9cfb8 59.6%, #b1d2b8 61.7%, #b9d4b7 63.8%, #bed5b7 66.0%, #c2d6b6 68.1%, #c4d5b6 70.2%, #c3d4b4 72.3%, #c0d2b3 74.5%, #b9ceb1 76.6%, #adc9ae 78.7%, #9fc1ab 80.9%, #8eb8a9 83.0%, #7eada7 85.1%, #70a1a4 87.2%, #6594a1 89.4%, #5e879d 91.5%, #5b7a97 93.6%, #5a6e90 95.7%, #5a6489 97.9%, #5a5d83 100.0%);
background: linear-gradient(135deg in oklch, oklch(67.32% 0.0482 312.89) 0.0%, oklch(65.64% 0.0491 311.04) 2.1%, oklch(63.23% 0.0504 308.90) 4.3%, oklch(60.27% 0.0519 306.48) 6.4%, oklch(56.93% 0.0536 303.77) 8.5%, oklch(53.39% 0.0555 300.77) 10.6%, oklch(49.83% 0.0573 297.47) 12.8%, oklch(46.42% 0.0592 293.88) 14.9%, oklch(43.35% 0.0608 289.99) 17.0%, oklch(40.78% 0.0623 285.80) 19.1%, oklch(38.90% 0.0636 281.32) 21.3%, oklch(37.89% 0.0644 276.53) 23.4%, oklch(37.91% 0.0648 271.42) 25.5%, oklch(39.02% 0.0648 265.71) 27.7%, oklch(41.07% 0.0645 259.39) 29.8%, oklch(43.89% 0.0640 252.57) 31.9%, oklch(47.30% 0.0631 245.37) 34.0%, oklch(51.13% 0.0622 237.91) 36.2%, oklch(55.22% 0.0611 230.31) 38.3%, oklch(59.37% 0.0599 222.70) 40.4%, oklch(63.44% 0.0587 215.18) 42.6%, oklch(67.23% 0.0575 207.88) 44.7%, oklch(70.58% 0.0565 200.92) 46.8%, oklch(73.32% 0.0555 194.41) 48.9%, oklch(75.38% 0.0547 188.26) 51.1%, oklch(77.25% 0.0538 181.36) 53.2%, oklch(79.00% 0.0529 173.81) 55.3%, oklch(80.59% 0.0519 165.96) 57.4%, oklch(82.00% 0.0509 158.13) 59.6%, oklch(83.20% 0.0499 150.67) 61.7%, oklch(84.15% 0.0490 143.91) 63.8%, oklch(84.82% 0.0482 138.19) 66.0%, oklch(85.19% 0.0475 133.84) 68.1%, oklch(85.21% 0.0470 131.20) 70.2%, oklch(84.86% 0.0468 130.60) 72.3%, oklch(84.11% 0.0468 132.39) 74.5%, oklch(82.81% 0.0471 137.16) 76.6%, oklch(80.75% 0.0478 145.45) 78.7%, oklch(78.05% 0.0489 156.63) 80.9%, oklch(74.86% 0.0501 170.05) 83.0%, oklch(71.33% 0.0515 185.07) 85.1%, oklch(67.60% 0.0530 201.03) 87.2%, oklch(63.82% 0.0546 217.28) 89.4%, oklch(60.13% 0.0561 233.17) 91.5%, oklch(56.68% 0.0576 248.05) 93.6%, oklch(53.61% 0.0588 261.27) 95.7%, oklch(51.07% 0.0599 272.18) 97.9%, oklch(49.21% 0.0606 280.13) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.673 | 0.048 | 312.9 |
| 2 | 0.378 | 0.065 | 272.7 |
| 3 | 0.744 | 0.055 | 191.4 |
| 4 | 0.839 | 0.047 | 133.2 |
| 5 | 0.492 | 0.061 | 280.1 |

## In these collections

- [Mystic outlands](https://grabient.com/mystic-outlands)

## Other forms

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