# Plum teal gradient

The Plum teal gradient brings together magenta and teal. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is magenta, and its lightest tone is teal.

- Also called: Tritone purple, blue and teal linear gradient
- Seed: `kQTkTuYB4tw`
- Page: https://grabient.com/kQTkTuYB4tw?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 6.6 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 | `#4a1942` | `oklch(30.71% 0.0937 334.69)` | Violet Carmine | white, 13.8 to 1 |
| 2 | `#4b1c46` | `oklch(31.50% 0.0935 331.98)` | Violet Carmine | white, 13.4 to 1 |
| 3 | `#4d1f4b` | `oklch(32.42% 0.0933 328.83)` | Violet Carmine | white, 13 to 1 |
| 4 | `#4e2350` | `oklch(33.47% 0.0930 325.26)` | Murasaki | white, 12.5 to 1 |
| 5 | `#4f2756` | `oklch(34.63% 0.0927 321.30)` | Deep Plum | white, 11.9 to 1 |
| 6 | `#502b5c` | `oklch(35.89% 0.0924 316.99)` | Kuwanomi Purple | white, 11.3 to 1 |
| 7 | `#513063` | `oklch(37.25% 0.0921 312.36)` | Royal Crown | white, 10.7 to 1 |
| 8 | `#51356a` | `oklch(38.69% 0.0917 307.43)` | Petunia | white, 10.1 to 1 |
| 9 | `#523b71` | `oklch(40.21% 0.0914 302.24)` | Succinct Violet | white, 9.4 to 1 |
| 10 | `#524178` | `oklch(41.80% 0.0910 296.82)` | Raw Amethyst | white, 8.8 to 1 |
| 11 | `#52477f` | `oklch(43.45% 0.0906 291.20)` | Fresh Eggplant | white, 8.2 to 1 |
| 12 | `#514d85` | `oklch(45.14% 0.0902 285.41)` | Spirit Dance | white, 7.5 to 1 |
| 13 | `#50548c` | `oklch(46.88% 0.0897 279.48)` | Baby Whale | white, 7 to 1 |
| 14 | `#4f5b92` | `oklch(48.65% 0.0893 273.44)` | Nightly Silhouette | white, 6.4 to 1 |
| 15 | `#4e6298` | `oklch(50.44% 0.0889 267.32)` | Breathtaking | white, 5.9 to 1 |
| 16 | `#4c699d` | `oklch(52.24% 0.0884 261.16)` | San Marino | white, 5.4 to 1 |
| 17 | `#4b71a1` | `oklch(54.05% 0.0880 254.98)` | Great Serpent | white, 5 to 1 |
| 18 | `#4978a5` | `oklch(55.86% 0.0875 248.82)` | Billycart Blue | white, 4.6 to 1 |
| 19 | `#487fa9` | `oklch(57.65% 0.0871 242.71)` | Neapolitan Blue | black, 4.8 to 1 |
| 20 | `#4786ac` | `oklch(59.42% 0.0866 236.67)` | Cornwall | black, 5.2 to 1 |
| 21 | `#478dae` | `oklch(61.16% 0.0862 230.74)` | Atlantic Gull | black, 5.6 to 1 |
| 22 | `#4894b0` | `oklch(62.85% 0.0858 224.95)` | Jet Ski | black, 6.1 to 1 |
| 23 | `#499ab1` | `oklch(64.50% 0.0854 219.32)` | Starflower Blue | black, 6.5 to 1 |
| 24 | `#4ca0b2` | `oklch(66.09% 0.0850 213.90)` | Aquatic Cool | black, 6.9 to 1 |
| 25 | `#50a6b3` | `oklch(67.61% 0.0846 208.71)` | Freshwater | black, 7.4 to 1 |
| 26 | `#54abb3` | `oklch(69.05% 0.0843 203.79)` | Blue Turquoise | black, 7.8 to 1 |
| 27 | `#59b0b3` | `oklch(70.41% 0.0840 199.15)` | Thalassa | black, 8.2 to 1 |
| 28 | `#5eb4b4` | `oklch(71.67% 0.0836 194.84)` | Veranda Blue | black, 8.6 to 1 |
| 29 | `#63b8b4` | `oklch(72.83% 0.0834 190.89)` | Veranda Blue | black, 9 to 1 |
| 30 | `#68bcb3` | `oklch(73.87% 0.0831 187.32)` | Pool Blue | black, 9.4 to 1 |
| 31 | `#6cbfb3` | `oklch(74.80% 0.0829 184.16)` | Fiesta Blue | black, 9.7 to 1 |
| 32 | `#70c1b3` | `oklch(75.59% 0.0827 181.46)` | Fiesta Blue | black, 9.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #4a1942 0.0%, #4b1c46 3.2%, #4d1f4b 6.5%, #4e2350 9.7%, #4f2756 12.9%, #502b5c 16.1%, #513063 19.4%, #51356a 22.6%, #523b71 25.8%, #524178 29.0%, #52477f 32.3%, #514d85 35.5%, #50548c 38.7%, #4f5b92 41.9%, #4e6298 45.2%, #4c699d 48.4%, #4b71a1 51.6%, #4978a5 54.8%, #487fa9 58.1%, #4786ac 61.3%, #478dae 64.5%, #4894b0 67.7%, #499ab1 71.0%, #4ca0b2 74.2%, #50a6b3 77.4%, #54abb3 80.6%, #59b0b3 83.9%, #5eb4b4 87.1%, #63b8b4 90.3%, #68bcb3 93.5%, #6cbfb3 96.8%, #70c1b3 100.0%);
background: linear-gradient(90deg in oklch, oklch(30.71% 0.0937 334.69) 0.0%, oklch(31.50% 0.0935 331.98) 3.2%, oklch(32.42% 0.0933 328.83) 6.5%, oklch(33.47% 0.0930 325.26) 9.7%, oklch(34.63% 0.0927 321.30) 12.9%, oklch(35.89% 0.0924 316.99) 16.1%, oklch(37.25% 0.0921 312.36) 19.4%, oklch(38.69% 0.0917 307.43) 22.6%, oklch(40.21% 0.0914 302.24) 25.8%, oklch(41.80% 0.0910 296.82) 29.0%, oklch(43.45% 0.0906 291.20) 32.3%, oklch(45.14% 0.0902 285.41) 35.5%, oklch(46.88% 0.0897 279.48) 38.7%, oklch(48.65% 0.0893 273.44) 41.9%, oklch(50.44% 0.0889 267.32) 45.2%, oklch(52.24% 0.0884 261.16) 48.4%, oklch(54.05% 0.0880 254.98) 51.6%, oklch(55.86% 0.0875 248.82) 54.8%, oklch(57.65% 0.0871 242.71) 58.1%, oklch(59.42% 0.0866 236.67) 61.3%, oklch(61.16% 0.0862 230.74) 64.5%, oklch(62.85% 0.0858 224.95) 67.7%, oklch(64.50% 0.0854 219.32) 71.0%, oklch(66.09% 0.0850 213.90) 74.2%, oklch(67.61% 0.0846 208.71) 77.4%, oklch(69.05% 0.0843 203.79) 80.6%, oklch(70.41% 0.0840 199.15) 83.9%, oklch(71.67% 0.0836 194.84) 87.1%, oklch(72.83% 0.0834 190.89) 90.3%, oklch(73.87% 0.0831 187.32) 93.5%, oklch(74.80% 0.0829 184.16) 96.8%, oklch(75.59% 0.0827 181.46) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.307 | 0.094 | 334.7 |
| 2 | 0.756 | 0.083 | 181.5 |

## In these collections

- [Two color gradients](https://grabient.com/two-color-gradients)

## Other forms

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