# Champagne, sage and teal chrysanthemum tea porcelain

The Champagne, sage and teal chrysanthemum tea porcelain brings together pale orange, light yellow, light green, green, and teal. The colors span a moderate lightness range, combining restrained color with clear contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is teal, and its lightest tone is pale orange.

- Also called: Gray to teal linear gradient
- Seed: `kW7BU_7gnCVwMRTJE0IwRXAY`
- Page: https://grabient.com/kW7BU_7gnCVwMRTJE0IwRXAY?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light to dark, neutral
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.4 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 | `#efe7d2` | `oklch(92.91% 0.0289 89.30)` | White Warm Wool | black, 17 to 1 |
| 2 | `#ede6d1` | `oklch(92.47% 0.0286 90.73)` | Xiàng Yá Bái Ivory | black, 16.8 to 1 |
| 3 | `#ebe4d0` | `oklch(91.93% 0.0282 92.45)` | Primrose White | black, 16.5 to 1 |
| 4 | `#e8e2ce` | `oklch(91.29% 0.0276 94.49)` | Shearling | black, 16.2 to 1 |
| 5 | `#e5e0cc` | `oklch(90.55% 0.0271 96.88)` | Misty Moonstone | black, 15.8 to 1 |
| 6 | `#e1deca` | `oklch(89.69% 0.0266 99.64)` | Light Pistachio Tang | black, 15.4 to 1 |
| 7 | `#dddbc7` | `oklch(88.69% 0.0262 102.80)` | I Miss You | black, 15 to 1 |
| 8 | `#d8d7c4` | `oklch(87.56% 0.0261 106.39)` | Angora Whisper | black, 14.4 to 1 |
| 9 | `#d2d4c0` | `oklch(86.28% 0.0263 110.45)` | Glowing Green | black, 13.9 to 1 |
| 10 | `#cccfbc` | `oklch(84.78% 0.0266 115.43)` | Sliced Cucumber | black, 13.2 to 1 |
| 11 | `#c5cbb7` | `oklch(83.10% 0.0271 121.24)` | Celadon Tint | black, 12.5 to 1 |
| 12 | `#bdc5b3` | `oklch(81.27% 0.0278 127.56)` | Komorebi | black, 11.8 to 1 |
| 13 | `#b4c0ae` | `oklch(79.34% 0.0286 134.08)` | Coastal Crush | black, 11 to 1 |
| 14 | `#acbaa9` | `oklch(77.35% 0.0296 140.46)` | Rockfall | black, 10.3 to 1 |
| 15 | `#a3b5a4` | `oklch(75.35% 0.0308 146.40)` | Bamboo Shoot | black, 9.6 to 1 |
| 16 | `#9baf9f` | `oklch(73.39% 0.0323 151.56)` | Wormwood Green | black, 9 to 1 |
| 17 | `#93aa9a` | `oklch(71.48% 0.0340 155.73)` | Melville | black, 8.4 to 1 |
| 18 | `#8aa495` | `oklch(69.46% 0.0362 159.26)` | Wintessa | black, 7.8 to 1 |
| 19 | `#829e8f` | `oklch(67.37% 0.0388 162.29)` | Mother Earth | black, 7.2 to 1 |
| 20 | `#79988a` | `oklch(65.25% 0.0416 164.90)` | Bitter Clover Green | black, 6.6 to 1 |
| 21 | `#709384` | `oklch(63.18% 0.0445 167.14)` | Hawkesbury | black, 6.1 to 1 |
| 22 | `#688d7f` | `oklch(61.21% 0.0473 169.10)` | Sea Monster | black, 5.7 to 1 |
| 23 | `#60887a` | `oklch(59.41% 0.0498 170.83)` | Aloe Vera | black, 5.3 to 1 |
| 24 | `#598476` | `oklch(57.83% 0.0519 172.40)` | Idyllic Island | black, 5 to 1 |
| 25 | `#548173` | `oklch(56.50% 0.0535 173.79)` | Frosty Spruce | black, 4.7 to 1 |
| 26 | `#4f7d71` | `oklch(55.35% 0.0549 174.82)` | Azurite Water Green | white, 4.6 to 1 |
| 27 | `#4b7b6e` | `oklch(54.35% 0.0560 175.54)` | Hooker’s Green | white, 4.8 to 1 |
| 28 | `#47786c` | `oklch(53.49% 0.0569 176.03)` | Hooker’s Green | white, 5 to 1 |
| 29 | `#45766a` | `oklch(52.76% 0.0577 176.36)` | Tandayapa Cloud Forest | white, 5.1 to 1 |
| 30 | `#427568` | `oklch(52.15% 0.0583 176.58)` | Green Sleeves | white, 5.3 to 1 |
| 31 | `#407367` | `oklch(51.62% 0.0588 176.78)` | Christmas Ivy | white, 5.4 to 1 |
| 32 | `#3e7266` | `oklch(51.18% 0.0593 177.01)` | Cormorant | white, 5.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #efe7d2 0.0%, #ede6d1 3.2%, #ebe4d0 6.5%, #e8e2ce 9.7%, #e5e0cc 12.9%, #e1deca 16.1%, #dddbc7 19.4%, #d8d7c4 22.6%, #d2d4c0 25.8%, #cccfbc 29.0%, #c5cbb7 32.3%, #bdc5b3 35.5%, #b4c0ae 38.7%, #acbaa9 41.9%, #a3b5a4 45.2%, #9baf9f 48.4%, #93aa9a 51.6%, #8aa495 54.8%, #829e8f 58.1%, #79988a 61.3%, #709384 64.5%, #688d7f 67.7%, #60887a 71.0%, #598476 74.2%, #548173 77.4%, #4f7d71 80.6%, #4b7b6e 83.9%, #47786c 87.1%, #45766a 90.3%, #427568 93.5%, #407367 96.8%, #3e7266 100.0%);
background: linear-gradient(90deg in oklch, oklch(92.91% 0.0289 89.30) 0.0%, oklch(92.47% 0.0286 90.73) 3.2%, oklch(91.93% 0.0282 92.45) 6.5%, oklch(91.29% 0.0276 94.49) 9.7%, oklch(90.55% 0.0271 96.88) 12.9%, oklch(89.69% 0.0266 99.64) 16.1%, oklch(88.69% 0.0262 102.80) 19.4%, oklch(87.56% 0.0261 106.39) 22.6%, oklch(86.28% 0.0263 110.45) 25.8%, oklch(84.78% 0.0266 115.43) 29.0%, oklch(83.10% 0.0271 121.24) 32.3%, oklch(81.27% 0.0278 127.56) 35.5%, oklch(79.34% 0.0286 134.08) 38.7%, oklch(77.35% 0.0296 140.46) 41.9%, oklch(75.35% 0.0308 146.40) 45.2%, oklch(73.39% 0.0323 151.56) 48.4%, oklch(71.48% 0.0340 155.73) 51.6%, oklch(69.46% 0.0362 159.26) 54.8%, oklch(67.37% 0.0388 162.29) 58.1%, oklch(65.25% 0.0416 164.90) 61.3%, oklch(63.18% 0.0445 167.14) 64.5%, oklch(61.21% 0.0473 169.10) 67.7%, oklch(59.41% 0.0498 170.83) 71.0%, oklch(57.83% 0.0519 172.40) 74.2%, oklch(56.50% 0.0535 173.79) 77.4%, oklch(55.35% 0.0549 174.82) 80.6%, oklch(54.35% 0.0560 175.54) 83.9%, oklch(53.49% 0.0569 176.03) 87.1%, oklch(52.76% 0.0577 176.36) 90.3%, oklch(52.15% 0.0583 176.58) 93.5%, oklch(51.62% 0.0588 176.78) 96.8%, oklch(51.18% 0.0593 177.01) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.929 | 0.029 | 89.3 |
| 2 | 0.866 | 0.026 | 109.4 |
| 3 | 0.724 | 0.033 | 153.8 |
| 4 | 0.575 | 0.052 | 172.8 |
| 5 | 0.512 | 0.059 | 177 |

## In these collections

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

## Other forms

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