# Tea gold beside cool celadon

Tritone light blue, brown and dark green linear gradient with 40 colors: #a2bee6, #9abfe4, #91c1df, #88c2d8, #81c3cd, #7ec2c0, #81c1b0, #89be9f, #93b98e, #9fb380, #a9ad75, #b1a76d, #b6a168, #b99b65, #b99762, #b8945e, #b69159, #b28e54, #ae8c4e, #a88b48, #a18942, #99883d, #90873a, #878638, #7e8437, #758236, #6d8036, #667c35, #5d7835, #557435, #4c6f35, #446a35, #3c6535, #356035, #2e5b34, #285633, #235132, #1f4d31, #1b4a30, #18472f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone light blue, brown and dark green linear gradient
- Seed: `kUyi-22Z0rUglRItmERA`
- Page: https://grabient.com/kUyi-22Z0rUglRItmERA?steps=40&angle=225
- Drawn as: linear gradient, 40 steps, 225 degrees
- Kinds: light to dark, multicolor
- Hues: analogous
- 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 | `#a2bee6` | `oklch(79.53% 0.0648 256.64)` | Blue Lips | black, 11 to 1 |
| 2 | `#9abfe4` | `oklch(79.14% 0.0654 248.36)` | Salvia Blue | black, 10.9 to 1 |
| 3 | `#91c1df` | `oklch(78.68% 0.0662 237.28)` | Club Cruise | black, 10.8 to 1 |
| 4 | `#88c2d8` | `oklch(78.15% 0.0671 223.94)` | Sky Babe | black, 10.7 to 1 |
| 5 | `#81c3cd` | `oklch(77.56% 0.0681 208.85)` | Antigua Sand | black, 10.5 to 1 |
| 6 | `#7ec2c0` | `oklch(76.92% 0.0692 192.56)` | Gentle Wave | black, 10.3 to 1 |
| 7 | `#81c1b0` | `oklch(76.23% 0.0704 175.59)` | Seaborn | black, 10.1 to 1 |
| 8 | `#89be9f` | `oklch(75.49% 0.0716 158.47)` | Baby Cake | black, 9.9 to 1 |
| 9 | `#93b98e` | `oklch(74.71% 0.0729 141.73)` | Tiki Monster | black, 9.5 to 1 |
| 10 | `#9fb380` | `oklch(73.90% 0.0743 125.90)` | Death Guard | black, 9.2 to 1 |
| 11 | `#a9ad75` | `oklch(73.07% 0.0756 111.51)` | Wasabi Green | black, 8.9 to 1 |
| 12 | `#b1a76d` | `oklch(72.22% 0.0771 99.09)` | Natchez Moss | black, 8.5 to 1 |
| 13 | `#b6a168` | `oklch(71.35% 0.0785 89.17)` | Grainfield | black, 8.2 to 1 |
| 14 | `#b99b65` | `oklch(70.47% 0.0799 82.28)` | Rustic City | black, 7.9 to 1 |
| 15 | `#b99762` | `oklch(69.59% 0.0815 78.29)` | Karak Stone | black, 7.6 to 1 |
| 16 | `#b8945e` | `oklch(68.68% 0.0835 76.56)` | Barley Corn | black, 7.4 to 1 |
| 17 | `#b69159` | `oklch(67.76% 0.0857 76.77)` | Tan Your Hide | black, 7.1 to 1 |
| 18 | `#b28e54` | `oklch(66.81% 0.0881 78.64)` | Bronze Treasure | black, 6.9 to 1 |
| 19 | `#ae8c4e` | `oklch(65.84% 0.0905 81.87)` | Honey Mustard | black, 6.6 to 1 |
| 20 | `#a88b48` | `oklch(64.84% 0.0930 86.16)` | Golden Years | black, 6.4 to 1 |
| 21 | `#a18942` | `oklch(63.80% 0.0953 91.23)` | Ecru Olive | black, 6.1 to 1 |
| 22 | `#99883d` | `oklch(62.72% 0.0974 96.78)` | Sedge Grasses | black, 5.9 to 1 |
| 23 | `#90873a` | `oklch(61.61% 0.0992 102.51)` | Eden Prairie | black, 5.7 to 1 |
| 24 | `#878638` | `oklch(60.45% 0.1007 108.13)` | Witch Brew | black, 5.4 to 1 |
| 25 | `#7e8437` | `oklch(59.25% 0.1017 113.34)` | Majorca Green | black, 5.2 to 1 |
| 26 | `#758236` | `oklch(58.00% 0.1022 117.86)` | Khaki Green | black, 5 to 1 |
| 27 | `#6d8036` | `oklch(56.69% 0.1020 121.38)` | Leaps and Bounds | black, 4.7 to 1 |
| 28 | `#667c35` | `oklch(55.26% 0.1010 124.39)` | Military Green | white, 4.6 to 1 |
| 29 | `#5d7835` | `oklch(53.66% 0.0993 127.55)` | Majestic Jungle | white, 4.9 to 1 |
| 30 | `#557435` | `oklch(51.93% 0.0969 130.81)` | Deep Pine | white, 5.3 to 1 |
| 31 | `#4c6f35` | `oklch(50.11% 0.0940 134.12)` | Botanical | white, 5.7 to 1 |
| 32 | `#446a35` | `oklch(48.23% 0.0908 137.44)` | Tree Shade | white, 6.2 to 1 |
| 33 | `#3c6535` | `oklch(46.34% 0.0873 140.71)` | Greenhouse | white, 6.7 to 1 |
| 34 | `#356035` | `oklch(44.47% 0.0836 143.89)` | Deep Into the Wood | white, 7.3 to 1 |
| 35 | `#2e5b34` | `oklch(42.66% 0.0799 146.93)` | Pine | white, 7.9 to 1 |
| 36 | `#285633` | `oklch(40.94% 0.0764 149.78)` | Kaitoke Green | white, 8.5 to 1 |
| 37 | `#235132` | `oklch(39.36% 0.0731 152.40)` | Kaitoke Green | white, 9.1 to 1 |
| 38 | `#1f4d31` | `oklch(37.96% 0.0703 154.73)` | Order Green | white, 9.6 to 1 |
| 39 | `#1b4a30` | `oklch(36.77% 0.0679 156.74)` | Order Green | white, 10.1 to 1 |
| 40 | `#18472f` | `oklch(35.83% 0.0661 158.36)` | Zucchini | white, 10.5 to 1 |

## CSS

```css
background: linear-gradient(225deg, #a2bee6 0.0%, #9abfe4 2.6%, #91c1df 5.1%, #88c2d8 7.7%, #81c3cd 10.3%, #7ec2c0 12.8%, #81c1b0 15.4%, #89be9f 17.9%, #93b98e 20.5%, #9fb380 23.1%, #a9ad75 25.6%, #b1a76d 28.2%, #b6a168 30.8%, #b99b65 33.3%, #b99762 35.9%, #b8945e 38.5%, #b69159 41.0%, #b28e54 43.6%, #ae8c4e 46.2%, #a88b48 48.7%, #a18942 51.3%, #99883d 53.8%, #90873a 56.4%, #878638 59.0%, #7e8437 61.5%, #758236 64.1%, #6d8036 66.7%, #667c35 69.2%, #5d7835 71.8%, #557435 74.4%, #4c6f35 76.9%, #446a35 79.5%, #3c6535 82.1%, #356035 84.6%, #2e5b34 87.2%, #285633 89.7%, #235132 92.3%, #1f4d31 94.9%, #1b4a30 97.4%, #18472f 100.0%);
background: linear-gradient(225deg in oklch, oklch(79.53% 0.0648 256.64) 0.0%, oklch(79.14% 0.0654 248.36) 2.6%, oklch(78.68% 0.0662 237.28) 5.1%, oklch(78.15% 0.0671 223.94) 7.7%, oklch(77.56% 0.0681 208.85) 10.3%, oklch(76.92% 0.0692 192.56) 12.8%, oklch(76.23% 0.0704 175.59) 15.4%, oklch(75.49% 0.0716 158.47) 17.9%, oklch(74.71% 0.0729 141.73) 20.5%, oklch(73.90% 0.0743 125.90) 23.1%, oklch(73.07% 0.0756 111.51) 25.6%, oklch(72.22% 0.0771 99.09) 28.2%, oklch(71.35% 0.0785 89.17) 30.8%, oklch(70.47% 0.0799 82.28) 33.3%, oklch(69.59% 0.0815 78.29) 35.9%, oklch(68.68% 0.0835 76.56) 38.5%, oklch(67.76% 0.0857 76.77) 41.0%, oklch(66.81% 0.0881 78.64) 43.6%, oklch(65.84% 0.0905 81.87) 46.2%, oklch(64.84% 0.0930 86.16) 48.7%, oklch(63.80% 0.0953 91.23) 51.3%, oklch(62.72% 0.0974 96.78) 53.8%, oklch(61.61% 0.0992 102.51) 56.4%, oklch(60.45% 0.1007 108.13) 59.0%, oklch(59.25% 0.1017 113.34) 61.5%, oklch(58.00% 0.1022 117.86) 64.1%, oklch(56.69% 0.1020 121.38) 66.7%, oklch(55.26% 0.1010 124.39) 69.2%, oklch(53.66% 0.0993 127.55) 71.8%, oklch(51.93% 0.0969 130.81) 74.4%, oklch(50.11% 0.0940 134.12) 76.9%, oklch(48.23% 0.0908 137.44) 79.5%, oklch(46.34% 0.0873 140.71) 82.1%, oklch(44.47% 0.0836 143.89) 84.6%, oklch(42.66% 0.0799 146.93) 87.2%, oklch(40.94% 0.0764 149.78) 89.7%, oklch(39.36% 0.0731 152.40) 92.3%, oklch(37.96% 0.0703 154.73) 94.9%, oklch(36.77% 0.0679 156.74) 97.4%, oklch(35.83% 0.0661 158.36) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.795 | 0.065 | 256.6 |
| 2 | 0.705 | 0.08 | 82.3 |
| 3 | 0.567 | 0.102 | 121.4 |
| 4 | 0.358 | 0.066 | 158.4 |

## In these collections

- [Chrysanthemum tea porcelain](https://grabient.com/chrysanthemum-tea-porcelain)

## Other forms

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