# Lavender, gray, green and teal linear swatches

Lavender, gray, green and teal linear swatches with 32 colors: #c6b3ee, #cbb7ed, #cfbfeb, #d5c7e9, #dccee7, #e2d3e4, #e7d7e0, #eadadb, #eaddd7, #e8e0d5, #e3e2d4, #dee3d2, #d8e3cd, #d1e2c7, #cae0bf, #c2deb8, #b8dbb2, #aed7ad, #a3d2a8, #98cda2, #8ec79d, #83c198, #79b993, #6fb28d, #65aa88, #5ca283, #539b80, #4b937d, #448b7b, #3f8378, #3c7c75, #3a7773. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kazD7VcInC_OH0Ttl0NYR9BtEewXDF0Kg`
- Page: https://grabient.com/kazD7VcInC_OH0Ttl0NYR9BtEewXDF0Kg?style=linearSwatches&steps=32&angle=135
- Drawn as: linear swatches, 32 steps, 135 degrees
- Kinds: light center, pastel, light
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 3.9 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 | `#c6b3ee` | `oklch(80.31% 0.0854 299.53)` | Purple Sand | black, 11 to 1 |
| 2 | `#cbb7ed` | `oklch(81.48% 0.0769 301.02)` | Connecticut Lilac | black, 11.5 to 1 |
| 3 | `#cfbfeb` | `oklch(83.19% 0.0643 301.97)` | York Plum | black, 12.2 to 1 |
| 4 | `#d5c7e9` | `oklch(85.11% 0.0503 304.45)` | Foggy Love | black, 13.1 to 1 |
| 5 | `#dccee7` | `oklch(86.95% 0.0371 310.51)` | Plum’s the Word | black, 13.9 to 1 |
| 6 | `#e2d3e4` | `oklch(88.40% 0.0273 322.24)` | Purplish White | black, 14.6 to 1 |
| 7 | `#e7d7e0` | `oklch(89.38% 0.0217 342.86)` | Wine Frost | black, 15.1 to 1 |
| 8 | `#eadadb` | `oklch(90.14% 0.0183 12.51)` | Discrete Pink | black, 15.5 to 1 |
| 9 | `#eaddd7` | `oklch(90.69% 0.0169 46.09)` | Wistful Beige | black, 15.8 to 1 |
| 10 | `#e8e0d5` | `oklch(90.98% 0.0173 78.45)` | Aquarelle Beige | black, 16 to 1 |
| 11 | `#e3e2d4` | `oklch(91.00% 0.0196 104.39)` | Divine Cream | black, 16.1 to 1 |
| 12 | `#dee3d2` | `oklch(90.72% 0.0240 120.25)` | Mystical Sea | black, 16 to 1 |
| 13 | `#d8e3cd` | `oklch(90.13% 0.0316 129.10)` | Gratifying Green | black, 15.7 to 1 |
| 14 | `#d1e2c7` | `oklch(89.26% 0.0411 133.42)` | Endive | black, 15.4 to 1 |
| 15 | `#cae0bf` | `oklch(88.18% 0.0511 135.49)` | Cat Woman | black, 14.9 to 1 |
| 16 | `#c2deb8` | `oklch(86.91% 0.0599 137.53)` | Wisp Green | black, 14.3 to 1 |
| 17 | `#b8dbb2` | `oklch(85.48% 0.0664 141.24)` | A Mann’s Mint | black, 13.7 to 1 |
| 18 | `#aed7ad` | `oklch(83.82% 0.0720 144.62)` | Frugal | black, 13.1 to 1 |
| 19 | `#a3d2a8` | `oklch(81.95% 0.0768 147.43)` | Chinook | black, 12.3 to 1 |
| 20 | `#98cda2` | `oklch(79.94% 0.0808 149.92)` | Garden Goddess | black, 11.5 to 1 |
| 21 | `#8ec79d` | `oklch(77.82% 0.0839 152.35)` | Foul Green | black, 10.7 to 1 |
| 22 | `#83c198` | `oklch(75.64% 0.0860 154.91)` | Willow Hedge | black, 10 to 1 |
| 23 | `#79b993` | `oklch(73.28% 0.0872 157.21)` | Mountain Lake Green | black, 9.2 to 1 |
| 24 | `#6fb28d` | `oklch(70.79% 0.0875 159.33)` | Green Bank | black, 8.4 to 1 |
| 25 | `#65aa88` | `oklch(68.25% 0.0869 161.54)` | Verdigris Green | black, 7.6 to 1 |
| 26 | `#5ca283` | `oklch(65.75% 0.0856 164.11)` | Plumosa | black, 6.9 to 1 |
| 27 | `#539b80` | `oklch(63.39% 0.0837 167.33)` | Wintergreen Shadow | black, 6.3 to 1 |
| 28 | `#4b937d` | `oklch(60.97% 0.0803 171.73)` | Puerto Princesa | black, 5.7 to 1 |
| 29 | `#448b7b` | `oklch(58.48% 0.0757 176.92)` | Perky | black, 5.1 to 1 |
| 30 | `#3f8378` | `oklch(56.15% 0.0708 182.19)` | Aussie Surf | black, 4.7 to 1 |
| 31 | `#3c7c75` | `oklch(54.17% 0.0664 186.79)` | Turquoise Tortoise | white, 4.8 to 1 |
| 32 | `#3a7773` | `oklch(52.76% 0.0634 189.98)` | Myrtle Green | white, 5.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #c6b3ee 0.000% 3.125%, #cbb7ed 3.125% 6.250%, #cfbfeb 6.250% 9.375%, #d5c7e9 9.375% 12.500%, #dccee7 12.500% 15.625%, #e2d3e4 15.625% 18.750%, #e7d7e0 18.750% 21.875%, #eadadb 21.875% 25.000%, #eaddd7 25.000% 28.125%, #e8e0d5 28.125% 31.250%, #e3e2d4 31.250% 34.375%, #dee3d2 34.375% 37.500%, #d8e3cd 37.500% 40.625%, #d1e2c7 40.625% 43.750%, #cae0bf 43.750% 46.875%, #c2deb8 46.875% 50.000%, #b8dbb2 50.000% 53.125%, #aed7ad 53.125% 56.250%, #a3d2a8 56.250% 59.375%, #98cda2 59.375% 62.500%, #8ec79d 62.500% 65.625%, #83c198 65.625% 68.750%, #79b993 68.750% 71.875%, #6fb28d 71.875% 75.000%, #65aa88 75.000% 78.125%, #5ca283 78.125% 81.250%, #539b80 81.250% 84.375%, #4b937d 84.375% 87.500%, #448b7b 87.500% 90.625%, #3f8378 90.625% 93.750%, #3c7c75 93.750% 96.875%, #3a7773 96.875% 100.000%);
background: linear-gradient(135deg, oklch(80.31% 0.0854 299.53) 0.000% 3.125%, oklch(81.48% 0.0769 301.02) 3.125% 6.250%, oklch(83.19% 0.0643 301.97) 6.250% 9.375%, oklch(85.11% 0.0503 304.45) 9.375% 12.500%, oklch(86.95% 0.0371 310.51) 12.500% 15.625%, oklch(88.40% 0.0273 322.24) 15.625% 18.750%, oklch(89.38% 0.0217 342.86) 18.750% 21.875%, oklch(90.14% 0.0183 12.51) 21.875% 25.000%, oklch(90.69% 0.0169 46.09) 25.000% 28.125%, oklch(90.98% 0.0173 78.45) 28.125% 31.250%, oklch(91.00% 0.0196 104.39) 31.250% 34.375%, oklch(90.72% 0.0240 120.25) 34.375% 37.500%, oklch(90.13% 0.0316 129.10) 37.500% 40.625%, oklch(89.26% 0.0411 133.42) 40.625% 43.750%, oklch(88.18% 0.0511 135.49) 43.750% 46.875%, oklch(86.91% 0.0599 137.53) 46.875% 50.000%, oklch(85.48% 0.0664 141.24) 50.000% 53.125%, oklch(83.82% 0.0720 144.62) 53.125% 56.250%, oklch(81.95% 0.0768 147.43) 56.250% 59.375%, oklch(79.94% 0.0808 149.92) 59.375% 62.500%, oklch(77.82% 0.0839 152.35) 62.500% 65.625%, oklch(75.64% 0.0860 154.91) 65.625% 68.750%, oklch(73.28% 0.0872 157.21) 68.750% 71.875%, oklch(70.79% 0.0875 159.33) 71.875% 75.000%, oklch(68.25% 0.0869 161.54) 75.000% 78.125%, oklch(65.75% 0.0856 164.11) 78.125% 81.250%, oklch(63.39% 0.0837 167.33) 81.250% 84.375%, oklch(60.97% 0.0803 171.73) 84.375% 87.500%, oklch(58.48% 0.0757 176.92) 87.500% 90.625%, oklch(56.15% 0.0708 182.19) 90.625% 93.750%, oklch(54.17% 0.0664 186.79) 93.750% 96.875%, oklch(52.76% 0.0634 189.98) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.803 | 0.085 | 299.5 |
| 2 | 0.886 | 0.026 | 324.9 |
| 3 | 0.909 | 0.021 | 470.7 |
| 4 | 0.862 | 0.063 | 499.3 |
| 5 | 0.764 | 0.085 | 514.1 |
| 6 | 0.638 | 0.084 | 526.7 |
| 7 | 0.528 | 0.063 | 550 |

## In these collections

- [Frosted eucalyptus](https://grabient.com/frosted-eucalyptus)
- [Winter](https://grabient.com/winter)

## Other forms

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