# Teal gold pearl diagonal

Teal, olive, brown and gray linear gradient with 56 colors: #42b1c4, #40b1c1, #3db1be, #3ab1b9, #37b0b3, #36b0ad, #36afa6, #39ae9e, #3dad95, #43ac8c, #4aaa83, #52a879, #5aa56f, #63a364, #6ca05a, #749c50, #7c9947, #84953e, #8b9236, #918f2f, #978b29, #9d8825, #a18623, #a58423, #a98224, #ac8127, #af812b, #b1812e, #b38232, #b58337, #b7863b, #b88940, #ba8d46, #bb914b, #bc9551, #bd9a57, #be9f5e, #bfa565, #c0aa6c, #c1b074, #c2b67c, #c3bc84, #c5c28d, #c6c795, #c8cd9e, #c9d2a6, #cbd7ae, #cedcb6, #d0e0be, #d3e4c5, #d6e8cb, #d9ebd1, #dbeed7, #def1db, #e1f4df, #e3f5e3. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Teal, olive, brown and gray linear gradient
- Seed: `kSs0qW0Skv_kLyA`
- Page: https://grabient.com/kSs0qW0Skv_kLyA?steps=56&angle=135
- Drawn as: linear gradient, 56 steps, 135 degrees
- Kinds: dark center, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 3.1 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 | `#42b1c4` | `oklch(70.47% 0.1020 211.64)` | Viking | black, 8.2 to 1 |
| 2 | `#40b1c1` | `oklch(70.32% 0.1022 208.88)` | Glassmith | black, 8.2 to 1 |
| 3 | `#3db1be` | `oklch(70.10% 0.1027 205.53)` | Lago Blue | black, 8.2 to 1 |
| 4 | `#3ab1b9` | `oklch(69.83% 0.1032 201.66)` | Lake Tahoe Turquoise | black, 8.1 to 1 |
| 5 | `#37b0b3` | `oklch(69.51% 0.1038 197.31)` | Lake Tahoe Turquoise | black, 8 to 1 |
| 6 | `#36b0ad` | `oklch(69.15% 0.1046 192.52)` | Lake Tahoe Turquoise | black, 7.9 to 1 |
| 7 | `#36afa6` | `oklch(68.75% 0.1054 187.35)` | Waterfall | black, 7.8 to 1 |
| 8 | `#39ae9e` | `oklch(68.32% 0.1062 181.85)` | Waterfall | black, 7.7 to 1 |
| 9 | `#3dad95` | `oklch(67.87% 0.1071 176.06)` | Hole in One | black, 7.6 to 1 |
| 10 | `#43ac8c` | `oklch(67.40% 0.1081 170.04)` | Walk in the Woods | black, 7.5 to 1 |
| 11 | `#4aaa83` | `oklch(66.92% 0.1090 163.83)` | Shamrock Green | black, 7.3 to 1 |
| 12 | `#52a879` | `oklch(66.44% 0.1100 157.48)` | Shamrock Green | black, 7.2 to 1 |
| 13 | `#5aa56f` | `oklch(65.97% 0.1110 151.05)` | Great Gazoo | black, 7 to 1 |
| 14 | `#63a364` | `oklch(65.50% 0.1119 144.57)` | Endo | black, 6.9 to 1 |
| 15 | `#6ca05a` | `oklch(65.05% 0.1128 138.10)` | Astroturf | black, 6.7 to 1 |
| 16 | `#749c50` | `oklch(64.62% 0.1136 131.69)` | Mossy Glossy | black, 6.6 to 1 |
| 17 | `#7c9947` | `oklch(64.22% 0.1144 125.39)` | Mossy Glossy | black, 6.4 to 1 |
| 18 | `#84953e` | `oklch(63.85% 0.1150 119.24)` | Wasabi Nuts | black, 6.3 to 1 |
| 19 | `#8b9236` | `oklch(63.53% 0.1156 113.29)` | Bean Shoot | black, 6.2 to 1 |
| 20 | `#918f2f` | `oklch(63.25% 0.1160 107.60)` | Golden Lime | black, 6.1 to 1 |
| 21 | `#978b29` | `oklch(63.03% 0.1163 102.21)` | Potter Green | black, 6 to 1 |
| 22 | `#9d8825` | `oklch(62.87% 0.1165 97.18)` | Parsnip Root | black, 5.9 to 1 |
| 23 | `#a18623` | `oklch(62.78% 0.1165 92.54)` | Green Sulphur | black, 5.9 to 1 |
| 24 | `#a58423` | `oklch(62.76% 0.1163 88.35)` | Green Sulphur | black, 5.9 to 1 |
| 25 | `#a98224` | `oklch(62.83% 0.1160 84.66)` | Burnt Honey | black, 5.9 to 1 |
| 26 | `#ac8127` | `oklch(62.98% 0.1154 81.52)` | Bronze Leaf | black, 5.9 to 1 |
| 27 | `#af812b` | `oklch(63.22% 0.1146 78.97)` | Bronze Leaf | black, 5.9 to 1 |
| 28 | `#b1812e` | `oklch(63.57% 0.1136 77.07)` | Gilded Gold | black, 6 to 1 |
| 29 | `#b38232` | `oklch(64.02% 0.1123 75.85)` | Andouille | black, 6.1 to 1 |
| 30 | `#b58337` | `oklch(64.61% 0.1107 75.25)` | Andouille | black, 6.2 to 1 |
| 31 | `#b7863b` | `oklch(65.33% 0.1088 75.22)` | Millionaire | black, 6.4 to 1 |
| 32 | `#b88940` | `oklch(66.16% 0.1065 75.72)` | Golden Slumber | black, 6.6 to 1 |
| 33 | `#ba8d46` | `oklch(67.10% 0.1041 76.71)` | Sun Valley Vista | black, 6.9 to 1 |
| 34 | `#bb914b` | `oklch(68.14% 0.1013 78.16)` | Alluvial Inca | black, 7.2 to 1 |
| 35 | `#bc9551` | `oklch(69.26% 0.0984 80.02)` | Different Gold | black, 7.5 to 1 |
| 36 | `#bd9a57` | `oklch(70.47% 0.0953 82.26)` | Base Sand | black, 7.9 to 1 |
| 37 | `#be9f5e` | `oklch(71.74% 0.0920 84.83)` | Eaton Gold | black, 8.3 to 1 |
| 38 | `#bfa565` | `oklch(73.06% 0.0886 87.70)` | Southern Moss | black, 8.7 to 1 |
| 39 | `#c0aa6c` | `oklch(74.44% 0.0850 90.82)` | Coriander Seed | black, 9.2 to 1 |
| 40 | `#c1b074` | `oklch(75.85% 0.0814 94.16)` | Fresh Peas | black, 9.7 to 1 |
| 41 | `#c2b67c` | `oklch(77.29% 0.0777 97.68)` | Cool Avocado | black, 10.2 to 1 |
| 42 | `#c3bc84` | `oklch(78.74% 0.0740 101.34)` | Frozen Marguerita | black, 10.8 to 1 |
| 43 | `#c5c28d` | `oklch(80.21% 0.0702 105.09)` | Brimstone Butterfly | black, 11.4 to 1 |
| 44 | `#c6c795` | `oklch(81.67% 0.0665 108.91)` | Paris Mint | black, 12 to 1 |
| 45 | `#c8cd9e` | `oklch(83.11% 0.0628 112.75)` | Dancing Kite | black, 12.6 to 1 |
| 46 | `#c9d2a6` | `oklch(84.53% 0.0592 116.56)` | True to You | black, 13.2 to 1 |
| 47 | `#cbd7ae` | `oklch(85.92% 0.0556 120.32)` | Chinese Leaf | black, 13.8 to 1 |
| 48 | `#cedcb6` | `oklch(87.27% 0.0522 123.99)` | Pallid Light Green | black, 14.4 to 1 |
| 49 | `#d0e0be` | `oklch(88.56% 0.0489 127.51)` | Cat Woman | black, 15 to 1 |
| 50 | `#d3e4c5` | `oklch(89.79% 0.0457 130.86)` | Irish Folklore | black, 15.6 to 1 |
| 51 | `#d6e8cb` | `oklch(90.95% 0.0428 134.00)` | White Green | black, 16.2 to 1 |
| 52 | `#d9ebd1` | `oklch(92.02% 0.0400 136.88)` | Chic Green | black, 16.7 to 1 |
| 53 | `#dbeed7` | `oklch(93.00% 0.0375 139.46)` | Graceful Mint | black, 17.2 to 1 |
| 54 | `#def1db` | `oklch(93.88% 0.0353 141.72)` | Tara | black, 17.7 to 1 |
| 55 | `#e1f4df` | `oklch(94.64% 0.0333 143.60)` | Friendly Basilisk | black, 18.1 to 1 |
| 56 | `#e3f5e3` | `oklch(95.28% 0.0317 145.07)` | After Dinner Mint | black, 18.4 to 1 |

## CSS

```css
background: linear-gradient(135deg, #42b1c4 0.0%, #40b1c1 1.8%, #3db1be 3.6%, #3ab1b9 5.5%, #37b0b3 7.3%, #36b0ad 9.1%, #36afa6 10.9%, #39ae9e 12.7%, #3dad95 14.5%, #43ac8c 16.4%, #4aaa83 18.2%, #52a879 20.0%, #5aa56f 21.8%, #63a364 23.6%, #6ca05a 25.5%, #749c50 27.3%, #7c9947 29.1%, #84953e 30.9%, #8b9236 32.7%, #918f2f 34.5%, #978b29 36.4%, #9d8825 38.2%, #a18623 40.0%, #a58423 41.8%, #a98224 43.6%, #ac8127 45.5%, #af812b 47.3%, #b1812e 49.1%, #b38232 50.9%, #b58337 52.7%, #b7863b 54.5%, #b88940 56.4%, #ba8d46 58.2%, #bb914b 60.0%, #bc9551 61.8%, #bd9a57 63.6%, #be9f5e 65.5%, #bfa565 67.3%, #c0aa6c 69.1%, #c1b074 70.9%, #c2b67c 72.7%, #c3bc84 74.5%, #c5c28d 76.4%, #c6c795 78.2%, #c8cd9e 80.0%, #c9d2a6 81.8%, #cbd7ae 83.6%, #cedcb6 85.5%, #d0e0be 87.3%, #d3e4c5 89.1%, #d6e8cb 90.9%, #d9ebd1 92.7%, #dbeed7 94.5%, #def1db 96.4%, #e1f4df 98.2%, #e3f5e3 100.0%);
background: linear-gradient(135deg in oklch, oklch(70.47% 0.1020 211.64) 0.0%, oklch(70.32% 0.1022 208.88) 1.8%, oklch(70.10% 0.1027 205.53) 3.6%, oklch(69.83% 0.1032 201.66) 5.5%, oklch(69.51% 0.1038 197.31) 7.3%, oklch(69.15% 0.1046 192.52) 9.1%, oklch(68.75% 0.1054 187.35) 10.9%, oklch(68.32% 0.1062 181.85) 12.7%, oklch(67.87% 0.1071 176.06) 14.5%, oklch(67.40% 0.1081 170.04) 16.4%, oklch(66.92% 0.1090 163.83) 18.2%, oklch(66.44% 0.1100 157.48) 20.0%, oklch(65.97% 0.1110 151.05) 21.8%, oklch(65.50% 0.1119 144.57) 23.6%, oklch(65.05% 0.1128 138.10) 25.5%, oklch(64.62% 0.1136 131.69) 27.3%, oklch(64.22% 0.1144 125.39) 29.1%, oklch(63.85% 0.1150 119.24) 30.9%, oklch(63.53% 0.1156 113.29) 32.7%, oklch(63.25% 0.1160 107.60) 34.5%, oklch(63.03% 0.1163 102.21) 36.4%, oklch(62.87% 0.1165 97.18) 38.2%, oklch(62.78% 0.1165 92.54) 40.0%, oklch(62.76% 0.1163 88.35) 41.8%, oklch(62.83% 0.1160 84.66) 43.6%, oklch(62.98% 0.1154 81.52) 45.5%, oklch(63.22% 0.1146 78.97) 47.3%, oklch(63.57% 0.1136 77.07) 49.1%, oklch(64.02% 0.1123 75.85) 50.9%, oklch(64.61% 0.1107 75.25) 52.7%, oklch(65.33% 0.1088 75.22) 54.5%, oklch(66.16% 0.1065 75.72) 56.4%, oklch(67.10% 0.1041 76.71) 58.2%, oklch(68.14% 0.1013 78.16) 60.0%, oklch(69.26% 0.0984 80.02) 61.8%, oklch(70.47% 0.0953 82.26) 63.6%, oklch(71.74% 0.0920 84.83) 65.5%, oklch(73.06% 0.0886 87.70) 67.3%, oklch(74.44% 0.0850 90.82) 69.1%, oklch(75.85% 0.0814 94.16) 70.9%, oklch(77.29% 0.0777 97.68) 72.7%, oklch(78.74% 0.0740 101.34) 74.5%, oklch(80.21% 0.0702 105.09) 76.4%, oklch(81.67% 0.0665 108.91) 78.2%, oklch(83.11% 0.0628 112.75) 80.0%, oklch(84.53% 0.0592 116.56) 81.8%, oklch(85.92% 0.0556 120.32) 83.6%, oklch(87.27% 0.0522 123.99) 85.5%, oklch(88.56% 0.0489 127.51) 87.3%, oklch(89.79% 0.0457 130.86) 89.1%, oklch(90.95% 0.0428 134.00) 90.9%, oklch(92.02% 0.0400 136.88) 92.7%, oklch(93.00% 0.0375 139.46) 94.5%, oklch(93.88% 0.0353 141.72) 96.4%, oklch(94.64% 0.0333 143.60) 98.2%, oklch(95.28% 0.0317 145.07) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.705 | 0.102 | 211.6 |
| 2 | 0.638 | 0.113 | 76.4 |
| 3 | 0.953 | 0.032 | 145.1 |

## In these collections

- [Bedazzled](https://grabient.com/bedazzled)

## Other forms

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