# Wine teal vintage diagonal

Purple, blue, teal and light blue linear gradient with 32 colors: #790e54, #77165e, #741e69, #6f2675, #682f82, #5f388c, #544195, #474b9b, #37559d, #225e9c, #006799, #006e90, #00748a, #007a87, #007f84, #0f8482, #248881, #318c82, #3d9184, #479688, #509b8d, #58a093, #5fa69a, #67aba1, #6eb1a8, #74b6af, #7bbbb6, #81bfbc, #86c4c2, #8cc8c7, #90cbcb, #94cecf. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Purple, blue, teal and light blue linear gradient
- Seed: `kSY2_3R6EtWcVwM`
- Page: https://grabient.com/kSY2_3R6EtWcVwM?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark to light, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 5.9 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 | `#790e54` | `oklch(38.98% 0.1530 347.34)` | Velvet | white, 10.4 to 1 |
| 2 | `#77165e` | `oklch(39.59% 0.1506 341.31)` | Purple Curse | white, 10.1 to 1 |
| 3 | `#741e69` | `oklch(40.31% 0.1478 333.54)` | Mirage of Violets | white, 9.8 to 1 |
| 4 | `#6f2675` | `oklch(41.13% 0.1444 324.29)` | Count’s Wardrobe | white, 9.4 to 1 |
| 5 | `#682f82` | `oklch(42.03% 0.1406 313.82)` | Galactic Grapevine | white, 9 to 1 |
| 6 | `#5f388c` | `oklch(43.02% 0.1365 302.40)` | Violet Magician | white, 8.6 to 1 |
| 7 | `#544195` | `oklch(44.08% 0.1321 290.27)` | Daisy Bush | white, 8.1 to 1 |
| 8 | `#474b9b` | `oklch(45.20% 0.1275 277.71)` | Liberty | white, 7.6 to 1 |
| 9 | `#37559d` | `oklch(46.39% 0.1227 264.97)` | Muted Lavender | white, 7.1 to 1 |
| 10 | `#225e9c` | `oklch(47.62% 0.1180 252.30)` | Beacon Blue | white, 6.6 to 1 |
| 11 | `#006799` | `oklch(48.90% 0.1120 240.01)` | Impulse Blue | white, 6.2 to 1 |
| 12 | `#006e90` | `oklch(50.21% 0.0982 228.28)` | Tropic Sea | white, 5.7 to 1 |
| 13 | `#00748a` | `oklch(51.54% 0.0923 217.41)` | Glamour Green | white, 5.4 to 1 |
| 14 | `#007a87` | `oklch(52.90% 0.0908 207.66)` | Biscay Bay | white, 5.1 to 1 |
| 15 | `#007f84` | `oklch(54.26% 0.0922 199.29)` | Go Alpha | white, 4.7 to 1 |
| 16 | `#0f8482` | `oklch(55.62% 0.0925 192.56)` | Marine Teal | black, 4.6 to 1 |
| 17 | `#248881` | `oklch(57.00% 0.0894 187.64)` | Eyeshadow Turquoise | black, 4.9 to 1 |
| 18 | `#318c82` | `oklch(58.51% 0.0865 184.13)` | Copper Turquoise | black, 5.2 to 1 |
| 19 | `#3d9184` | `oklch(60.15% 0.0838 181.81)` | Highlands | black, 5.5 to 1 |
| 20 | `#479688` | `oklch(61.88% 0.0811 180.55)` | Crisp Lettuce | black, 5.9 to 1 |
| 21 | `#509b8d` | `oklch(63.70% 0.0786 180.20)` | Petrol Green | black, 6.4 to 1 |
| 22 | `#58a093` | `oklch(65.56% 0.0762 180.64)` | Aqua Revival | black, 6.8 to 1 |
| 23 | `#5fa69a` | `oklch(67.44% 0.0739 181.71)` | Paradise Island | black, 7.3 to 1 |
| 24 | `#67aba1` | `oklch(69.32% 0.0717 183.29)` | Veranda | black, 7.9 to 1 |
| 25 | `#6eb1a8` | `oklch(71.17% 0.0697 185.23)` | Turquoise Fantasies | black, 8.4 to 1 |
| 26 | `#74b6af` | `oklch(72.96% 0.0678 187.39)` | Spring Water Turquoise | black, 9 to 1 |
| 27 | `#7bbbb6` | `oklch(74.67% 0.0661 189.64)` | Polished Aqua | black, 9.6 to 1 |
| 28 | `#81bfbc` | `oklch(76.28% 0.0644 191.83)` | Riverbed | black, 10.1 to 1 |
| 29 | `#86c4c2` | `oklch(77.75% 0.0629 193.83)` | Bay Mist | black, 10.6 to 1 |
| 30 | `#8cc8c7` | `oklch(79.06% 0.0616 195.50)` | Embellished Blue | black, 11.1 to 1 |
| 31 | `#90cbcb` | `oklch(80.19% 0.0603 196.70)` | Lake | black, 11.5 to 1 |
| 32 | `#94cecf` | `oklch(81.10% 0.0593 197.29)` | Clear Cove | black, 11.9 to 1 |

## CSS

```css
background: linear-gradient(45deg, #790e54 0.0%, #77165e 3.2%, #741e69 6.5%, #6f2675 9.7%, #682f82 12.9%, #5f388c 16.1%, #544195 19.4%, #474b9b 22.6%, #37559d 25.8%, #225e9c 29.0%, #006799 32.3%, #006e90 35.5%, #00748a 38.7%, #007a87 41.9%, #007f84 45.2%, #0f8482 48.4%, #248881 51.6%, #318c82 54.8%, #3d9184 58.1%, #479688 61.3%, #509b8d 64.5%, #58a093 67.7%, #5fa69a 71.0%, #67aba1 74.2%, #6eb1a8 77.4%, #74b6af 80.6%, #7bbbb6 83.9%, #81bfbc 87.1%, #86c4c2 90.3%, #8cc8c7 93.5%, #90cbcb 96.8%, #94cecf 100.0%);
background: linear-gradient(45deg in oklch, oklch(38.98% 0.1530 347.34) 0.0%, oklch(39.59% 0.1506 341.31) 3.2%, oklch(40.31% 0.1478 333.54) 6.5%, oklch(41.13% 0.1444 324.29) 9.7%, oklch(42.03% 0.1406 313.82) 12.9%, oklch(43.02% 0.1365 302.40) 16.1%, oklch(44.08% 0.1321 290.27) 19.4%, oklch(45.20% 0.1275 277.71) 22.6%, oklch(46.39% 0.1227 264.97) 25.8%, oklch(47.62% 0.1180 252.30) 29.0%, oklch(48.90% 0.1120 240.01) 32.3%, oklch(50.21% 0.0982 228.28) 35.5%, oklch(51.54% 0.0923 217.41) 38.7%, oklch(52.90% 0.0908 207.66) 41.9%, oklch(54.26% 0.0922 199.29) 45.2%, oklch(55.62% 0.0925 192.56) 48.4%, oklch(57.00% 0.0894 187.64) 51.6%, oklch(58.51% 0.0865 184.13) 54.8%, oklch(60.15% 0.0838 181.81) 58.1%, oklch(61.88% 0.0811 180.55) 61.3%, oklch(63.70% 0.0786 180.20) 64.5%, oklch(65.56% 0.0762 180.64) 67.7%, oklch(67.44% 0.0739 181.71) 71.0%, oklch(69.32% 0.0717 183.29) 74.2%, oklch(71.17% 0.0697 185.23) 77.4%, oklch(72.96% 0.0678 187.39) 80.6%, oklch(74.67% 0.0661 189.64) 83.9%, oklch(76.28% 0.0644 191.83) 87.1%, oklch(77.75% 0.0629 193.83) 90.3%, oklch(79.06% 0.0616 195.50) 93.5%, oklch(80.19% 0.0603 196.70) 96.8%, oklch(81.10% 0.0593 197.29) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.39 | 0.153 | 347.3 |
| 2 | 0.563 | 0.091 | 189.9 |
| 3 | 0.811 | 0.059 | 197.3 |

## In these collections

- [Vintage wine and teal](https://grabient.com/vintage-wine-and-teal)

## Other forms

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