# Gray and teal linear swatches

Gray and teal linear swatches with 32 colors: #efe7d2, #ede6d1, #ebe4d0, #e8e2ce, #e5e0cc, #e1deca, #dddbc7, #d8d7c4, #d2d4c0, #cccfbc, #c5cbb7, #bdc5b3, #b4c0ae, #acbaa9, #a3b5a4, #9baf9f, #93aa9a, #8aa495, #829e8f, #79988a, #709384, #688d7f, #60887a, #598476, #548173, #4f7d71, #4b7b6e, #47786c, #45766a, #427568, #407367, #3e7266. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW7BU_7gnCVwMRTJE0IwRXAY`
- Page: https://grabient.com/kW7BU_7gnCVwMRTJE0IwRXAY?style=linearSwatches&steps=32
- Drawn as: linear swatches, 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.000% 3.125%, #ede6d1 3.125% 6.250%, #ebe4d0 6.250% 9.375%, #e8e2ce 9.375% 12.500%, #e5e0cc 12.500% 15.625%, #e1deca 15.625% 18.750%, #dddbc7 18.750% 21.875%, #d8d7c4 21.875% 25.000%, #d2d4c0 25.000% 28.125%, #cccfbc 28.125% 31.250%, #c5cbb7 31.250% 34.375%, #bdc5b3 34.375% 37.500%, #b4c0ae 37.500% 40.625%, #acbaa9 40.625% 43.750%, #a3b5a4 43.750% 46.875%, #9baf9f 46.875% 50.000%, #93aa9a 50.000% 53.125%, #8aa495 53.125% 56.250%, #829e8f 56.250% 59.375%, #79988a 59.375% 62.500%, #709384 62.500% 65.625%, #688d7f 65.625% 68.750%, #60887a 68.750% 71.875%, #598476 71.875% 75.000%, #548173 75.000% 78.125%, #4f7d71 78.125% 81.250%, #4b7b6e 81.250% 84.375%, #47786c 84.375% 87.500%, #45766a 87.500% 90.625%, #427568 90.625% 93.750%, #407367 93.750% 96.875%, #3e7266 96.875% 100.000%);
background: linear-gradient(90deg, oklch(92.91% 0.0289 89.30) 0.000% 3.125%, oklch(92.47% 0.0286 90.73) 3.125% 6.250%, oklch(91.93% 0.0282 92.45) 6.250% 9.375%, oklch(91.29% 0.0276 94.49) 9.375% 12.500%, oklch(90.55% 0.0271 96.88) 12.500% 15.625%, oklch(89.69% 0.0266 99.64) 15.625% 18.750%, oklch(88.69% 0.0262 102.80) 18.750% 21.875%, oklch(87.56% 0.0261 106.39) 21.875% 25.000%, oklch(86.28% 0.0263 110.45) 25.000% 28.125%, oklch(84.78% 0.0266 115.43) 28.125% 31.250%, oklch(83.10% 0.0271 121.24) 31.250% 34.375%, oklch(81.27% 0.0278 127.56) 34.375% 37.500%, oklch(79.34% 0.0286 134.08) 37.500% 40.625%, oklch(77.35% 0.0296 140.46) 40.625% 43.750%, oklch(75.35% 0.0308 146.40) 43.750% 46.875%, oklch(73.39% 0.0323 151.56) 46.875% 50.000%, oklch(71.48% 0.0340 155.73) 50.000% 53.125%, oklch(69.46% 0.0362 159.26) 53.125% 56.250%, oklch(67.37% 0.0388 162.29) 56.250% 59.375%, oklch(65.25% 0.0416 164.90) 59.375% 62.500%, oklch(63.18% 0.0445 167.14) 62.500% 65.625%, oklch(61.21% 0.0473 169.10) 65.625% 68.750%, oklch(59.41% 0.0498 170.83) 68.750% 71.875%, oklch(57.83% 0.0519 172.40) 71.875% 75.000%, oklch(56.50% 0.0535 173.79) 75.000% 78.125%, oklch(55.35% 0.0549 174.82) 78.125% 81.250%, oklch(54.35% 0.0560 175.54) 81.250% 84.375%, oklch(53.49% 0.0569 176.03) 84.375% 87.500%, oklch(52.76% 0.0577 176.36) 87.500% 90.625%, oklch(52.15% 0.0583 176.58) 90.625% 93.750%, oklch(51.62% 0.0588 176.78) 93.750% 96.875%, oklch(51.18% 0.0593 177.01) 96.875% 100.000%);
```

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