# Soft muted teal muted blue red gradient

Teal, gray, purple and pink linear gradient with 64 colors: #316266, #366769, #3e6e6d, #487572, #537e78, #60887f, #6d9286, #7c9d8e, #8aa796, #99b29e, #a7bba6, #b4c4ad, #c0ccb3, #cad2b8, #d3d6bb, #dad8bc, #dfd7ba, #e2d3b6, #e3ccb0, #e3c2a9, #e1b7a3, #ddaa9e, #d59c9c, #cb8e9c, #be819d, #ae769f, #9d6ca0, #8b63a0, #795ca0, #68569e, #5a519c, #4f4e9a, #484c98, #454a96, #454895, #494794, #4f4693, #574591, #5f458f, #68458c, #714588, #7a4684, #82487f, #8a4a7b, #914c76, #964f72, #9b526f, #9e546d, #a1566c, #a5586b, #a85b6b, #ac5e6c, #af606d, #b3636f, #b76671, #ba6973, #be6b75, #c26e78, #c5707a, #c8737c, #cb757e, #ce7780, #d07881, #d27a82. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Teal, gray, purple and pink linear gradient
- Seed: `kWdieQb44zTosKxFJUmVihBg`
- Page: https://grabient.com/kWdieQb44zTosKxFJUmVihBg?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Hues: wide
- Contrast of its darkest and lightest colors: 5.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 | `#316266` | `oklch(46.46% 0.0537 202.50)` | Deep Marine | white, 6.8 to 1 |
| 2 | `#366769` | `oklch(48.09% 0.0530 198.83)` | China Green Blue | white, 6.3 to 1 |
| 3 | `#3e6e6d` | `oklch(50.29% 0.0519 194.60)` | Moonlit Forest | white, 5.7 to 1 |
| 4 | `#487572` | `oklch(52.98% 0.0504 189.86)` | Surf Green | white, 5.1 to 1 |
| 5 | `#537e78` | `oklch(56.04% 0.0486 184.61)` | Green Hour | black, 4.6 to 1 |
| 6 | `#60887f` | `oklch(59.39% 0.0467 178.91)` | Greenella | black, 5.3 to 1 |
| 7 | `#6d9286` | `oklch(62.94% 0.0447 172.76)` | Pine Ridge | black, 6.1 to 1 |
| 8 | `#7c9d8e` | `oklch(66.57% 0.0427 166.21)` | Seiji Green | black, 7 to 1 |
| 9 | `#8aa796` | `oklch(70.21% 0.0408 159.28)` | Wintessa | black, 8 to 1 |
| 10 | `#99b29e` | `oklch(73.75% 0.0390 151.99)` | Phoenix Tears | black, 9.1 to 1 |
| 11 | `#a7bba6` | `oklch(77.10% 0.0376 144.38)` | Rockfall | black, 10.3 to 1 |
| 12 | `#b4c4ad` | `oklch(80.15% 0.0364 136.48)` | Zanah | black, 11.4 to 1 |
| 13 | `#c0ccb3` | `oklch(82.83% 0.0358 128.31)` | Soft Froth | black, 12.4 to 1 |
| 14 | `#cad2b8` | `oklch(85.02% 0.0356 119.89)` | Chinese Jade | black, 13.4 to 1 |
| 15 | `#d3d6bb` | `oklch(86.64% 0.0361 111.27)` | Pale Cucumber | black, 14 to 1 |
| 16 | `#dad8bc` | `oklch(87.58% 0.0372 102.47)` | Elise | black, 14.4 to 1 |
| 17 | `#dfd7ba` | `oklch(87.76% 0.0392 93.47)` | Wheatfield | black, 14.5 to 1 |
| 18 | `#e2d3b6` | `oklch(87.11% 0.0421 83.36)` | Loofah | black, 14.2 to 1 |
| 19 | `#e3ccb0` | `oklch(85.71% 0.0462 71.96)` | Jacobean Lace | black, 13.5 to 1 |
| 20 | `#e3c2a9` | `oklch(83.67% 0.0510 59.53)` | Adobe South | black, 12.5 to 1 |
| 21 | `#e1b7a3` | `oklch(81.08% 0.0566 46.31)` | Black-Eyed Peach | black, 11.4 to 1 |
| 22 | `#ddaa9e` | `oklch(78.05% 0.0627 32.56)` | Tamanegi Peel | black, 10.2 to 1 |
| 23 | `#d59c9c` | `oklch(74.69% 0.0692 18.53)` | Rosewood Apricot | black, 9 to 1 |
| 24 | `#cb8e9c` | `oklch(71.10% 0.0759 4.46)` | Sianna Rose | black, 7.8 to 1 |
| 25 | `#be819d` | `oklch(67.37% 0.0827 350.63)` | Polignac | black, 6.8 to 1 |
| 26 | `#ae769f` | `oklch(63.61% 0.0895 337.26)` | Orchid Kiss | black, 5.8 to 1 |
| 27 | `#9d6ca0` | `oklch(59.94% 0.0960 324.62)` | Dark Lilac | black, 5 to 1 |
| 28 | `#8b63a0` | `oklch(56.44% 0.1022 312.95)` | Chive Blossom | white, 4.7 to 1 |
| 29 | `#795ca0` | `oklch(53.22% 0.1079 302.52)` | Sonic Plum | white, 5.4 to 1 |
| 30 | `#68569e` | `oklch(50.39% 0.1128 293.56)` | Rollick | white, 6.1 to 1 |
| 31 | `#5a519c` | `oklch(48.04% 0.1170 286.33)` | Coronation Blue | white, 6.7 to 1 |
| 32 | `#4f4e9a` | `oklch(46.29% 0.1201 281.09)` | Liberty | white, 7.2 to 1 |
| 33 | `#484c98` | `oklch(45.19% 0.1222 278.07)` | Liberty | white, 7.6 to 1 |
| 34 | `#454a96` | `oklch(44.50% 0.1233 277.27)` | Merlin’s Robe | white, 7.8 to 1 |
| 35 | `#454895` | `oklch(44.14% 0.1236 278.44)` | Galaxy Express | white, 8 to 1 |
| 36 | `#494794` | `oklch(44.09% 0.1233 281.34)` | Galaxy Express | white, 8 to 1 |
| 37 | `#4f4693` | `oklch(44.30% 0.1224 285.72)` | Moonlight Sonata | white, 7.9 to 1 |
| 38 | `#574591` | `oklch(44.75% 0.1210 291.32)` | Harvest Night | white, 7.8 to 1 |
| 39 | `#5f458f` | `oklch(45.39% 0.1192 297.90)` | Lords of the Night | white, 7.6 to 1 |
| 40 | `#68458c` | `oklch(46.20% 0.1171 305.21)` | Lords of the Night | white, 7.4 to 1 |
| 41 | `#714588` | `oklch(47.12% 0.1148 313.00)` | Plum Jam | white, 7.1 to 1 |
| 42 | `#7a4684` | `oklch(48.14% 0.1125 321.01)` | Nightly Violet | white, 6.8 to 1 |
| 43 | `#82487f` | `oklch(49.21% 0.1101 329.00)` | Visiona Red | white, 6.5 to 1 |
| 44 | `#8a4a7b` | `oklch(50.30% 0.1079 336.71)` | Thistle Mauve | white, 6.2 to 1 |
| 45 | `#914c76` | `oklch(51.38% 0.1059 343.91)` | Sugar Plum | white, 5.9 to 1 |
| 46 | `#964f72` | `oklch(52.40% 0.1042 350.33)` | Sugar Plum | white, 5.7 to 1 |
| 47 | `#9b526f` | `oklch(53.34% 0.1029 355.73)` | Pink Tulip | white, 5.5 to 1 |
| 48 | `#9e546d` | `oklch(54.15% 0.1021 359.86)` | Mulberry Mix | white, 5.3 to 1 |
| 49 | `#a1566c` | `oklch(54.88% 0.1018 2.79)` | Mulberry Mix | white, 5.1 to 1 |
| 50 | `#a5586b` | `oklch(55.68% 0.1017 5.23)` | Beef Jerky | white, 4.9 to 1 |
| 51 | `#a85b6b` | `oklch(56.56% 0.1019 7.25)` | Delicate Prunus | white, 4.7 to 1 |
| 52 | `#ac5e6c` | `oklch(57.48% 0.1022 8.90)` | Pretty Peony | white, 4.6 to 1 |
| 53 | `#af606d` | `oklch(58.45% 0.1027 10.21)` | Pretty Peony | black, 4.7 to 1 |
| 54 | `#b3636f` | `oklch(59.44% 0.1033 11.23)` | Sensuous | black, 4.9 to 1 |
| 55 | `#b76671` | `oklch(60.44% 0.1040 12.00)` | Slate Rose | black, 5.1 to 1 |
| 56 | `#ba6973` | `oklch(61.44% 0.1048 12.56)` | Dusky Rose | black, 5.3 to 1 |
| 57 | `#be6b75` | `oklch(62.43% 0.1056 12.95)` | Cherry Fizz | black, 5.5 to 1 |
| 58 | `#c26e78` | `oklch(63.38% 0.1065 13.21)` | Playful Pink | black, 5.7 to 1 |
| 59 | `#c5707a` | `oklch(64.29% 0.1073 13.38)` | Cranberry Pie | black, 5.9 to 1 |
| 60 | `#c8737c` | `oklch(65.15% 0.1081 13.51)` | Rosa Chinensis | black, 6.1 to 1 |
| 61 | `#cb757e` | `oklch(65.93% 0.1088 13.63)` | Pink Shade | black, 6.3 to 1 |
| 62 | `#ce7780` | `oklch(66.63% 0.1094 13.79)` | Pink Shade | black, 6.5 to 1 |
| 63 | `#d07881` | `oklch(67.23% 0.1099 14.04)` | Pink Shade | black, 6.7 to 1 |
| 64 | `#d27a82` | `oklch(67.72% 0.1102 14.40)` | Victorian Rouge | black, 6.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #316266 0.0%, #366769 1.6%, #3e6e6d 3.2%, #487572 4.8%, #537e78 6.3%, #60887f 7.9%, #6d9286 9.5%, #7c9d8e 11.1%, #8aa796 12.7%, #99b29e 14.3%, #a7bba6 15.9%, #b4c4ad 17.5%, #c0ccb3 19.0%, #cad2b8 20.6%, #d3d6bb 22.2%, #dad8bc 23.8%, #dfd7ba 25.4%, #e2d3b6 27.0%, #e3ccb0 28.6%, #e3c2a9 30.2%, #e1b7a3 31.7%, #ddaa9e 33.3%, #d59c9c 34.9%, #cb8e9c 36.5%, #be819d 38.1%, #ae769f 39.7%, #9d6ca0 41.3%, #8b63a0 42.9%, #795ca0 44.4%, #68569e 46.0%, #5a519c 47.6%, #4f4e9a 49.2%, #484c98 50.8%, #454a96 52.4%, #454895 54.0%, #494794 55.6%, #4f4693 57.1%, #574591 58.7%, #5f458f 60.3%, #68458c 61.9%, #714588 63.5%, #7a4684 65.1%, #82487f 66.7%, #8a4a7b 68.3%, #914c76 69.8%, #964f72 71.4%, #9b526f 73.0%, #9e546d 74.6%, #a1566c 76.2%, #a5586b 77.8%, #a85b6b 79.4%, #ac5e6c 81.0%, #af606d 82.5%, #b3636f 84.1%, #b76671 85.7%, #ba6973 87.3%, #be6b75 88.9%, #c26e78 90.5%, #c5707a 92.1%, #c8737c 93.7%, #cb757e 95.2%, #ce7780 96.8%, #d07881 98.4%, #d27a82 100.0%);
background: linear-gradient(135deg in oklch, oklch(46.46% 0.0537 202.50) 0.0%, oklch(48.09% 0.0530 198.83) 1.6%, oklch(50.29% 0.0519 194.60) 3.2%, oklch(52.98% 0.0504 189.86) 4.8%, oklch(56.04% 0.0486 184.61) 6.3%, oklch(59.39% 0.0467 178.91) 7.9%, oklch(62.94% 0.0447 172.76) 9.5%, oklch(66.57% 0.0427 166.21) 11.1%, oklch(70.21% 0.0408 159.28) 12.7%, oklch(73.75% 0.0390 151.99) 14.3%, oklch(77.10% 0.0376 144.38) 15.9%, oklch(80.15% 0.0364 136.48) 17.5%, oklch(82.83% 0.0358 128.31) 19.0%, oklch(85.02% 0.0356 119.89) 20.6%, oklch(86.64% 0.0361 111.27) 22.2%, oklch(87.58% 0.0372 102.47) 23.8%, oklch(87.76% 0.0392 93.47) 25.4%, oklch(87.11% 0.0421 83.36) 27.0%, oklch(85.71% 0.0462 71.96) 28.6%, oklch(83.67% 0.0510 59.53) 30.2%, oklch(81.08% 0.0566 46.31) 31.7%, oklch(78.05% 0.0627 32.56) 33.3%, oklch(74.69% 0.0692 18.53) 34.9%, oklch(71.10% 0.0759 4.46) 36.5%, oklch(67.37% 0.0827 350.63) 38.1%, oklch(63.61% 0.0895 337.26) 39.7%, oklch(59.94% 0.0960 324.62) 41.3%, oklch(56.44% 0.1022 312.95) 42.9%, oklch(53.22% 0.1079 302.52) 44.4%, oklch(50.39% 0.1128 293.56) 46.0%, oklch(48.04% 0.1170 286.33) 47.6%, oklch(46.29% 0.1201 281.09) 49.2%, oklch(45.19% 0.1222 278.07) 50.8%, oklch(44.50% 0.1233 277.27) 52.4%, oklch(44.14% 0.1236 278.44) 54.0%, oklch(44.09% 0.1233 281.34) 55.6%, oklch(44.30% 0.1224 285.72) 57.1%, oklch(44.75% 0.1210 291.32) 58.7%, oklch(45.39% 0.1192 297.90) 60.3%, oklch(46.20% 0.1171 305.21) 61.9%, oklch(47.12% 0.1148 313.00) 63.5%, oklch(48.14% 0.1125 321.01) 65.1%, oklch(49.21% 0.1101 329.00) 66.7%, oklch(50.30% 0.1079 336.71) 68.3%, oklch(51.38% 0.1059 343.91) 69.8%, oklch(52.40% 0.1042 350.33) 71.4%, oklch(53.34% 0.1029 355.73) 73.0%, oklch(54.15% 0.1021 359.86) 74.6%, oklch(54.88% 0.1018 2.79) 76.2%, oklch(55.68% 0.1017 5.23) 77.8%, oklch(56.56% 0.1019 7.25) 79.4%, oklch(57.48% 0.1022 8.90) 81.0%, oklch(58.45% 0.1027 10.21) 82.5%, oklch(59.44% 0.1033 11.23) 84.1%, oklch(60.44% 0.1040 12.00) 85.7%, oklch(61.44% 0.1048 12.56) 87.3%, oklch(62.43% 0.1056 12.95) 88.9%, oklch(63.38% 0.1065 13.21) 90.5%, oklch(64.29% 0.1073 13.38) 92.1%, oklch(65.15% 0.1081 13.51) 93.7%, oklch(65.93% 0.1088 13.63) 95.2%, oklch(66.63% 0.1094 13.79) 96.8%, oklch(67.23% 0.1099 14.04) 98.4%, oklch(67.72% 0.1102 14.40) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.465 | 0.054 | 202.5 |
| 2 | 0.878 | 0.039 | 95.8 |
| 3 | 0.457 | 0.121 | -80.7 |
| 4 | 0.543 | 0.102 | 0.7 |
| 5 | 0.677 | 0.11 | 14.4 |

## In these collections

- [Late winter protea](https://grabient.com/late-winter-protea)

## Other forms

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