# Teal plum berry rings

Teal, brown and magenta linear gradient with 56 colors: #456e52, #406d54, #3b6c55, #346a57, #2d6859, #25655b, #1c625d, #145f5f, #0c5b61, #085763, #095365, #0e4f66, #154a67, #1c4668, #234368, #293f68, #303c67, #363a67, #3c3966, #423866, #493866, #503966, #583b66, #613e65, #694165, #724565, #7b4a64, #834f64, #8b5564, #925b63, #996063, #9f6663, #a46c63, #a97163, #ad7563, #b17962, #b37b61, #b57d5f, #b77d5d, #b87c5a, #b97957, #bb7654, #bb7251, #bc6e4e, #bd684c, #bd624b, #bc5c4a, #bc554b, #ba4f4d, #b9484f, #b74251, #b53c54, #b33657, #b1315a, #af2d5c, #ae2a5d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Teal, brown and magenta linear gradient
- Seed: `kUfy9trxxPtEdzjAvrqA`
- Page: https://grabient.com/kUfy9trxxPtEdzjAvrqA?steps=56&angle=135
- Drawn as: linear gradient, 56 steps, 135 degrees
- Kinds: multicolor
- Hues: analogous
- 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 | `#456e52` | `oklch(50.00% 0.0648 153.98)` | Fairway | white, 5.8 to 1 |
| 2 | `#406d54` | `oklch(49.55% 0.0651 158.02)` | Toad King | white, 5.9 to 1 |
| 3 | `#3b6c55` | `oklch(48.93% 0.0656 162.81)` | Toad King | white, 6 to 1 |
| 4 | `#346a57` | `oklch(48.17% 0.0662 168.29)` | Toad King | white, 6.2 to 1 |
| 5 | `#2d6859` | `oklch(47.29% 0.0668 174.39)` | Terrestrial | white, 6.5 to 1 |
| 6 | `#25655b` | `oklch(46.32% 0.0675 181.04)` | Eucalyptus Green | white, 6.7 to 1 |
| 7 | `#1c625d` | `oklch(45.28% 0.0682 188.16)` | Abduction | white, 7 to 1 |
| 8 | `#145f5f` | `oklch(44.20% 0.0690 195.68)` | Emerald Pool | white, 7.4 to 1 |
| 9 | `#0c5b61` | `oklch(43.10% 0.0698 203.54)` | Enamelled Jewel | white, 7.8 to 1 |
| 10 | `#085763` | `oklch(42.01% 0.0706 211.66)` | Abyssal Waters | white, 8.2 to 1 |
| 11 | `#095365` | `oklch(40.96% 0.0714 219.97)` | Rainy Morning | white, 8.6 to 1 |
| 12 | `#0e4f66` | `oklch(39.97% 0.0722 228.40)` | Hanada Blue | white, 9 to 1 |
| 13 | `#154a67` | `oklch(39.06% 0.0730 236.88)` | Victorian Peacock | white, 9.4 to 1 |
| 14 | `#1c4668` | `oklch(38.27% 0.0738 245.33)` | Terror From the Deep | white, 9.8 to 1 |
| 15 | `#234368` | `oklch(37.62% 0.0745 253.70)` | Lucidity | white, 10.1 to 1 |
| 16 | `#293f68` | `oklch(37.13% 0.0752 261.90)` | Elmer’s Echo | white, 10.4 to 1 |
| 17 | `#303c67` | `oklch(36.83% 0.0759 269.86)` | Newport Indigo | white, 10.6 to 1 |
| 18 | `#363a67` | `oklch(36.74% 0.0765 277.52)` | Rhynchites Nitens | white, 10.7 to 1 |
| 19 | `#3c3966` | `oklch(36.90% 0.0770 284.80)` | Rhynchites Nitens | white, 10.7 to 1 |
| 20 | `#423866` | `oklch(37.34% 0.0774 291.84)` | American Blue | white, 10.5 to 1 |
| 21 | `#493866` | `oklch(38.10% 0.0775 299.19)` | Meteorite | white, 10.2 to 1 |
| 22 | `#503966` | `oklch(39.15% 0.0774 306.83)` | Meteorite | white, 9.8 to 1 |
| 23 | `#583b66` | `oklch(40.45% 0.0771 314.70)` | Purple Splendour | white, 9.3 to 1 |
| 24 | `#613e65` | `oklch(41.97% 0.0767 322.70)` | Purple Odyssey | white, 8.8 to 1 |
| 25 | `#694165` | `oklch(43.66% 0.0762 330.78)` | Royal Plum | white, 8.2 to 1 |
| 26 | `#724565` | `oklch(45.49% 0.0756 338.86)` | Scintillating Violet | white, 7.5 to 1 |
| 27 | `#7b4a64` | `oklch(47.41% 0.0751 346.85)` | Princely | white, 6.9 to 1 |
| 28 | `#834f64` | `oklch(49.39% 0.0745 354.69)` | Damson | white, 6.4 to 1 |
| 29 | `#8b5564` | `oklch(51.39% 0.0741 2.30)` | Pink Peppercorn | white, 5.8 to 1 |
| 30 | `#925b63` | `oklch(53.38% 0.0738 9.61)` | Cherry Cocoa | white, 5.4 to 1 |
| 31 | `#996063` | `oklch(55.30% 0.0738 16.55)` | Abra Cadabra | white, 4.9 to 1 |
| 32 | `#9f6663` | `oklch(57.13% 0.0739 23.03)` | Corazon | white, 4.6 to 1 |
| 33 | `#a46c63` | `oklch(58.82% 0.0743 28.98)` | Wet Desert Clay | black, 4.9 to 1 |
| 34 | `#a97163` | `oklch(60.33% 0.0750 34.33)` | Tangier | black, 5.2 to 1 |
| 35 | `#ad7563` | `oklch(61.64% 0.0762 39.01)` | Pajarito Red | black, 5.5 to 1 |
| 36 | `#b17962` | `oklch(62.69% 0.0777 42.93)` | Happy Trails | black, 5.7 to 1 |
| 37 | `#b37b61` | `oklch(63.45% 0.0797 46.03)` | Happy Trails | black, 5.9 to 1 |
| 38 | `#b57d5f` | `oklch(63.89% 0.0822 48.23)` | Silken Chocolate | black, 6 to 1 |
| 39 | `#b77d5d` | `oklch(64.05% 0.0854 49.38)` | Silken Chocolate | black, 6 to 1 |
| 40 | `#b87c5a` | `oklch(63.96% 0.0893 49.54)` | Japanese Wax Tree | black, 6 to 1 |
| 41 | `#b97957` | `oklch(63.66% 0.0938 48.83)` | Caramel Apple | black, 5.9 to 1 |
| 42 | `#bb7654` | `oklch(63.17% 0.0988 47.33)` | Moroccan Sky | black, 5.8 to 1 |
| 43 | `#bb7251` | `oklch(62.52% 0.1041 45.16)` | Warm Copper | black, 5.6 to 1 |
| 44 | `#bc6e4e` | `oklch(61.73% 0.1098 42.41)` | Adobe | black, 5.4 to 1 |
| 45 | `#bd684c` | `oklch(60.82% 0.1158 39.19)` | Autumn Ivy | black, 5.2 to 1 |
| 46 | `#bd624b` | `oklch(59.83% 0.1219 35.61)` | Apricot Brandy | black, 5 to 1 |
| 47 | `#bc5c4a` | `oklch(58.78% 0.1281 31.76)` | Tandoori | black, 4.7 to 1 |
| 48 | `#bc554b` | `oklch(57.69% 0.1342 27.75)` | Safflower Bark | white, 4.6 to 1 |
| 49 | `#ba4f4d` | `oklch(56.59% 0.1402 23.68)` | Deep Chestnut | white, 4.8 to 1 |
| 50 | `#b9484f` | `oklch(55.51% 0.1461 19.65)` | Dusty Red | white, 5.1 to 1 |
| 51 | `#b74251` | `oklch(54.47% 0.1517 15.77)` | Merlot Magic | white, 5.3 to 1 |
| 52 | `#b53c54` | `oklch(53.50% 0.1569 12.14)` | Merlot Magic | white, 5.6 to 1 |
| 53 | `#b33657` | `oklch(52.62% 0.1616 8.86)` | Raspberry Wine | white, 5.8 to 1 |
| 54 | `#b1315a` | `oklch(51.85% 0.1658 6.03)` | Blood Thorn | white, 6 to 1 |
| 55 | `#af2d5c` | `oklch(51.24% 0.1694 3.77)` | Blood Thorn | white, 6.2 to 1 |
| 56 | `#ae2a5d` | `oklch(50.79% 0.1722 2.16)` | Blood Thorn | white, 6.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #456e52 0.0%, #406d54 1.8%, #3b6c55 3.6%, #346a57 5.5%, #2d6859 7.3%, #25655b 9.1%, #1c625d 10.9%, #145f5f 12.7%, #0c5b61 14.5%, #085763 16.4%, #095365 18.2%, #0e4f66 20.0%, #154a67 21.8%, #1c4668 23.6%, #234368 25.5%, #293f68 27.3%, #303c67 29.1%, #363a67 30.9%, #3c3966 32.7%, #423866 34.5%, #493866 36.4%, #503966 38.2%, #583b66 40.0%, #613e65 41.8%, #694165 43.6%, #724565 45.5%, #7b4a64 47.3%, #834f64 49.1%, #8b5564 50.9%, #925b63 52.7%, #996063 54.5%, #9f6663 56.4%, #a46c63 58.2%, #a97163 60.0%, #ad7563 61.8%, #b17962 63.6%, #b37b61 65.5%, #b57d5f 67.3%, #b77d5d 69.1%, #b87c5a 70.9%, #b97957 72.7%, #bb7654 74.5%, #bb7251 76.4%, #bc6e4e 78.2%, #bd684c 80.0%, #bd624b 81.8%, #bc5c4a 83.6%, #bc554b 85.5%, #ba4f4d 87.3%, #b9484f 89.1%, #b74251 90.9%, #b53c54 92.7%, #b33657 94.5%, #b1315a 96.4%, #af2d5c 98.2%, #ae2a5d 100.0%);
background: linear-gradient(135deg in oklch, oklch(50.00% 0.0648 153.98) 0.0%, oklch(49.55% 0.0651 158.02) 1.8%, oklch(48.93% 0.0656 162.81) 3.6%, oklch(48.17% 0.0662 168.29) 5.5%, oklch(47.29% 0.0668 174.39) 7.3%, oklch(46.32% 0.0675 181.04) 9.1%, oklch(45.28% 0.0682 188.16) 10.9%, oklch(44.20% 0.0690 195.68) 12.7%, oklch(43.10% 0.0698 203.54) 14.5%, oklch(42.01% 0.0706 211.66) 16.4%, oklch(40.96% 0.0714 219.97) 18.2%, oklch(39.97% 0.0722 228.40) 20.0%, oklch(39.06% 0.0730 236.88) 21.8%, oklch(38.27% 0.0738 245.33) 23.6%, oklch(37.62% 0.0745 253.70) 25.5%, oklch(37.13% 0.0752 261.90) 27.3%, oklch(36.83% 0.0759 269.86) 29.1%, oklch(36.74% 0.0765 277.52) 30.9%, oklch(36.90% 0.0770 284.80) 32.7%, oklch(37.34% 0.0774 291.84) 34.5%, oklch(38.10% 0.0775 299.19) 36.4%, oklch(39.15% 0.0774 306.83) 38.2%, oklch(40.45% 0.0771 314.70) 40.0%, oklch(41.97% 0.0767 322.70) 41.8%, oklch(43.66% 0.0762 330.78) 43.6%, oklch(45.49% 0.0756 338.86) 45.5%, oklch(47.41% 0.0751 346.85) 47.3%, oklch(49.39% 0.0745 354.69) 49.1%, oklch(51.39% 0.0741 2.30) 50.9%, oklch(53.38% 0.0738 9.61) 52.7%, oklch(55.30% 0.0738 16.55) 54.5%, oklch(57.13% 0.0739 23.03) 56.4%, oklch(58.82% 0.0743 28.98) 58.2%, oklch(60.33% 0.0750 34.33) 60.0%, oklch(61.64% 0.0762 39.01) 61.8%, oklch(62.69% 0.0777 42.93) 63.6%, oklch(63.45% 0.0797 46.03) 65.5%, oklch(63.89% 0.0822 48.23) 67.3%, oklch(64.05% 0.0854 49.38) 69.1%, oklch(63.96% 0.0893 49.54) 70.9%, oklch(63.66% 0.0938 48.83) 72.7%, oklch(63.17% 0.0988 47.33) 74.5%, oklch(62.52% 0.1041 45.16) 76.4%, oklch(61.73% 0.1098 42.41) 78.2%, oklch(60.82% 0.1158 39.19) 80.0%, oklch(59.83% 0.1219 35.61) 81.8%, oklch(58.78% 0.1281 31.76) 83.6%, oklch(57.69% 0.1342 27.75) 85.5%, oklch(56.59% 0.1402 23.68) 87.3%, oklch(55.51% 0.1461 19.65) 89.1%, oklch(54.47% 0.1517 15.77) 90.9%, oklch(53.50% 0.1569 12.14) 92.7%, oklch(52.62% 0.1616 8.86) 94.5%, oklch(51.85% 0.1658 6.03) 96.4%, oklch(51.24% 0.1694 3.77) 98.2%, oklch(50.79% 0.1722 2.16) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.5 | 0.065 | 154 |
| 2 | 0.37 | 0.077 | 287.1 |
| 3 | 0.638 | 0.081 | 407.6 |
| 4 | 0.508 | 0.172 | 362.2 |

## In these collections

- [Wasabi plum editorial](https://grabient.com/wasabi-plum-editorial)

## Other forms

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