# Gray, teal, red and dark purple linear swatches

Gray, teal, red and dark purple linear swatches with 32 colors: #b0cfbb, #a8cbb5, #9ec5ae, #91bea5, #84b89d, #79b296, #6bac90, #5da78a, #52a184, #4f9b7d, #549477, #5c8d71, #65866d, #6b8068, #727d60, #7e7957, #8d7451, #9a6d52, #a26856, #aa6256, #b15d51, #b7574a, #b85144, #b34c44, #a94843, #9c4543, #904143, #843d43, #783844, #6b3444, #603043, #582e42. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kc0iBv3JlAlCgwHJEDySRw0cexvo7JT6rhi8o`
- Page: https://grabient.com/kc0iBv3JlAlCgwHJEDySRw0cexvo7JT6rhi8o?style=linearSwatches&steps=32&angle=180
- Drawn as: linear swatches, 32 steps, 180 degrees
- Kinds: light to dark, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 6.6 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 | `#b0cfbb` | `oklch(82.68% 0.0441 156.80)` | Gossamer Green | black, 12.5 to 1 |
| 2 | `#a8cbb5` | `oklch(81.11% 0.0481 157.65)` | Bird’s Egg Green | black, 11.9 to 1 |
| 3 | `#9ec5ae` | `oklch(78.88% 0.0538 158.88)` | Mini Green | black, 11 to 1 |
| 4 | `#91bea5` | `oklch(76.33% 0.0603 160.27)` | Spearmint Frosting | black, 10.1 to 1 |
| 5 | `#84b89d` | `oklch(73.81% 0.0666 161.59)` | Water Green | black, 9.3 to 1 |
| 6 | `#79b296` | `oklch(71.57% 0.0722 162.92)` | Padua | black, 8.6 to 1 |
| 7 | `#6bac90` | `oklch(69.31% 0.0792 164.99)` | Dublin Jack | black, 7.9 to 1 |
| 8 | `#5da78a` | `oklch(67.08% 0.0858 166.90)` | Laurel Wreath | black, 7.3 to 1 |
| 9 | `#52a184` | `oklch(64.99% 0.0898 167.57)` | Inspiration Peak | black, 6.7 to 1 |
| 10 | `#4f9b7d` | `oklch(63.14% 0.0891 165.92)` | Wintergreen Shadow | black, 6.3 to 1 |
| 11 | `#549477` | `oklch(61.46% 0.0806 162.97)` | Deep Grass Green | black, 5.8 to 1 |
| 12 | `#5c8d71` | `oklch(59.94% 0.0671 158.76)` | Alexandrite Green | black, 5.4 to 1 |
| 13 | `#65866d` | `oklch(58.66% 0.0535 152.06)` | Comfrey | black, 5.1 to 1 |
| 14 | `#6b8068` | `oklch(57.69% 0.0449 141.62)` | Cliffside Park | black, 4.9 to 1 |
| 15 | `#727d60` | `oklch(57.16% 0.0447 125.06)` | Limed Ash | black, 4.8 to 1 |
| 16 | `#7e7957` | `oklch(57.11% 0.0500 101.20)` | Olive to the Max | black, 4.7 to 1 |
| 17 | `#8d7451` | `oklch(57.30% 0.0589 75.12)` | Rutherford | black, 4.7 to 1 |
| 18 | `#9a6d52` | `oklch(57.48% 0.0695 52.13)` | Sorrel Brown | black, 4.6 to 1 |
| 19 | `#a26856` | `oklch(57.45% 0.0804 37.39)` | Sizzling Hot | black, 4.6 to 1 |
| 20 | `#aa6256` | `oklch(57.48% 0.0953 30.89)` | Dried Tomatoes | black, 4.5 to 1 |
| 21 | `#b15d51` | `oklch(57.50% 0.1122 29.31)` | Giant’s Club | white, 4.6 to 1 |
| 22 | `#b7574a` | `oklch(57.25% 0.1271 29.74)` | Safflower Bark | white, 4.6 to 1 |
| 23 | `#b85144` | `oklch(56.47% 0.1359 29.25)` | Amaryllis | white, 4.8 to 1 |
| 24 | `#b34c44` | `oklch(54.95% 0.1356 27.07)` | Lady in Red | white, 5.1 to 1 |
| 25 | `#a94843` | `oklch(52.80% 0.1286 25.29)` | Pasadena Rose | white, 5.6 to 1 |
| 26 | `#9c4543` | `oklch(50.33% 0.1180 23.32)` | Lumberjack | white, 6.2 to 1 |
| 27 | `#904143` | `oklch(47.81% 0.1071 20.55)` | Apple-a-Day | white, 6.9 to 1 |
| 28 | `#843d43` | `oklch(45.44% 0.0985 16.25)` | Dark Crimson | white, 7.6 to 1 |
| 29 | `#783844` | `oklch(42.82% 0.0896 9.78)` | Köfte Brown | white, 8.5 to 1 |
| 30 | `#6b3444` | `oklch(40.17% 0.0807 2.37)` | Cabernet Craving | white, 9.5 to 1 |
| 31 | `#603043` | `oklch(37.85% 0.0730 355.57)` | Windsor Wine | white, 10.4 to 1 |
| 32 | `#582e42` | `oklch(36.22% 0.0675 350.89)` | Vistoris Lake | white, 11.1 to 1 |

## CSS

```css
background: linear-gradient(180deg, #b0cfbb 0.000% 3.125%, #a8cbb5 3.125% 6.250%, #9ec5ae 6.250% 9.375%, #91bea5 9.375% 12.500%, #84b89d 12.500% 15.625%, #79b296 15.625% 18.750%, #6bac90 18.750% 21.875%, #5da78a 21.875% 25.000%, #52a184 25.000% 28.125%, #4f9b7d 28.125% 31.250%, #549477 31.250% 34.375%, #5c8d71 34.375% 37.500%, #65866d 37.500% 40.625%, #6b8068 40.625% 43.750%, #727d60 43.750% 46.875%, #7e7957 46.875% 50.000%, #8d7451 50.000% 53.125%, #9a6d52 53.125% 56.250%, #a26856 56.250% 59.375%, #aa6256 59.375% 62.500%, #b15d51 62.500% 65.625%, #b7574a 65.625% 68.750%, #b85144 68.750% 71.875%, #b34c44 71.875% 75.000%, #a94843 75.000% 78.125%, #9c4543 78.125% 81.250%, #904143 81.250% 84.375%, #843d43 84.375% 87.500%, #783844 87.500% 90.625%, #6b3444 90.625% 93.750%, #603043 93.750% 96.875%, #582e42 96.875% 100.000%);
background: linear-gradient(180deg, oklch(82.68% 0.0441 156.80) 0.000% 3.125%, oklch(81.11% 0.0481 157.65) 3.125% 6.250%, oklch(78.88% 0.0538 158.88) 6.250% 9.375%, oklch(76.33% 0.0603 160.27) 9.375% 12.500%, oklch(73.81% 0.0666 161.59) 12.500% 15.625%, oklch(71.57% 0.0722 162.92) 15.625% 18.750%, oklch(69.31% 0.0792 164.99) 18.750% 21.875%, oklch(67.08% 0.0858 166.90) 21.875% 25.000%, oklch(64.99% 0.0898 167.57) 25.000% 28.125%, oklch(63.14% 0.0891 165.92) 28.125% 31.250%, oklch(61.46% 0.0806 162.97) 31.250% 34.375%, oklch(59.94% 0.0671 158.76) 34.375% 37.500%, oklch(58.66% 0.0535 152.06) 37.500% 40.625%, oklch(57.69% 0.0449 141.62) 40.625% 43.750%, oklch(57.16% 0.0447 125.06) 43.750% 46.875%, oklch(57.11% 0.0500 101.20) 46.875% 50.000%, oklch(57.30% 0.0589 75.12) 50.000% 53.125%, oklch(57.48% 0.0695 52.13) 53.125% 56.250%, oklch(57.45% 0.0804 37.39) 56.250% 59.375%, oklch(57.48% 0.0953 30.89) 59.375% 62.500%, oklch(57.50% 0.1122 29.31) 62.500% 65.625%, oklch(57.25% 0.1271 29.74) 65.625% 68.750%, oklch(56.47% 0.1359 29.25) 68.750% 71.875%, oklch(54.95% 0.1356 27.07) 71.875% 75.000%, oklch(52.80% 0.1286 25.29) 75.000% 78.125%, oklch(50.33% 0.1180 23.32) 78.125% 81.250%, oklch(47.81% 0.1071 20.55) 81.250% 84.375%, oklch(45.44% 0.0985 16.25) 84.375% 87.500%, oklch(42.82% 0.0896 9.78) 87.500% 90.625%, oklch(40.17% 0.0807 2.37) 90.625% 93.750%, oklch(37.85% 0.0730 355.57) 93.750% 96.875%, oklch(36.22% 0.0675 350.89) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.827 | 0.044 | 156.8 |
| 2 | 0.728 | 0.069 | 162.1 |
| 3 | 0.634 | 0.09 | 166.3 |
| 4 | 0.575 | 0.044 | 137.8 |
| 5 | 0.575 | 0.077 | 40.6 |
| 6 | 0.563 | 0.136 | 28.9 |
| 7 | 0.465 | 0.102 | 18.4 |
| 8 | 0.362 | 0.068 | -9.1 |

## In these collections

- [Vintage wine and teal](https://grabient.com/vintage-wine-and-teal)
- [Spring thunder over veld](https://grabient.com/spring-thunder-over-veld)

## Other forms

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