# Pastel tritone green, blue and pink linear swatches

Pastel tritone green, blue and pink linear swatches with 32 colors: #92d5b7, #8fd6bc, #8cd7c3, #8ad8cb, #89dad3, #89dadc, #8adbe5, #8edbed, #92dbf4, #99dafa, #a1d9ff, #aed7ff, #b8d6ff, #c1d5ff, #c9d4ff, #d0d3ff, #d7d3ff, #ddd2ff, #e3d1ff, #e9d0ff, #f0cfff, #f7cdff, #fdcdfc, #ffd0f5, #ffd3ee, #ffd7ea, #ffdbe6, #ffdee4, #ffe1e4, #ffe4e3, #ffe7e4, #ffe8e4. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW0Dp17B1GfAdR7znUXeJZGY`
- Page: https://grabient.com/kW0Dp17B1GfAdR7znUXeJZGY?style=linearSwatches&steps=32&angle=135
- Drawn as: linear swatches, 32 steps, 135 degrees
- Kinds: pastel, light
- Hues: wide
- Contrast of its darkest and lightest colors: 1.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 | `#92d5b7` | `oklch(81.89% 0.0799 165.23)` | Vista Blue | black, 12.3 to 1 |
| 2 | `#8fd6bc` | `oklch(82.14% 0.0799 169.56)` | Apple II Blue | black, 12.4 to 1 |
| 3 | `#8cd7c3` | `oklch(82.48% 0.0799 175.25)` | Ice Green | black, 12.6 to 1 |
| 4 | `#8ad8cb` | `oklch(82.88% 0.0799 182.03)` | Middle Blue Green | black, 12.8 to 1 |
| 5 | `#89dad3` | `oklch(83.33% 0.0799 189.59)` | Rainwater | black, 12.9 to 1 |
| 6 | `#89dadc` | `oklch(83.79% 0.0799 197.67)` | Island Oasis | black, 13.1 to 1 |
| 7 | `#8adbe5` | `oklch(84.27% 0.0799 205.98)` | Tanager Turquoise | black, 13.3 to 1 |
| 8 | `#8edbed` | `oklch(84.72% 0.0799 214.22)` | Photon Barrier | black, 13.4 to 1 |
| 9 | `#92dbf4` | `oklch(85.14% 0.0799 222.15)` | Photon Barrier | black, 13.6 to 1 |
| 10 | `#99dafa` | `oklch(85.55% 0.0799 230.33)` | Shiva Blue | black, 13.7 to 1 |
| 11 | `#a1d9ff` | `oklch(85.97% 0.0782 238.90)` | Malmö FF | black, 13.8 to 1 |
| 12 | `#aed7ff` | `oklch(86.38% 0.0707 247.72)` | Malmö FF | black, 13.9 to 1 |
| 13 | `#b8d6ff` | `oklch(86.79% 0.0655 256.59)` | Ice Cold Stare | black, 14.1 to 1 |
| 14 | `#c1d5ff` | `oklch(87.20% 0.0623 265.37)` | Pale Phthalo Blue | black, 14.2 to 1 |
| 15 | `#c9d4ff` | `oklch(87.60% 0.0605 273.86)` | Pale Phthalo Blue | black, 14.3 to 1 |
| 16 | `#d0d3ff` | `oklch(88.00% 0.0600 281.90)` | Pale Phthalo Blue | black, 14.4 to 1 |
| 17 | `#d7d3ff` | `oklch(88.38% 0.0606 289.35)` | Pale Lavender | black, 14.6 to 1 |
| 18 | `#ddd2ff` | `oklch(88.73% 0.0621 296.24)` | Pale Lavender | black, 14.7 to 1 |
| 19 | `#e3d1ff` | `oklch(89.07% 0.0645 302.72)` | Pale Lavender | black, 14.8 to 1 |
| 20 | `#e9d0ff` | `oklch(89.39% 0.0680 308.92)` | Rose Dragée | black, 14.9 to 1 |
| 21 | `#f0cfff` | `oklch(89.73% 0.0730 314.99)` | Rose Dragée | black, 15 to 1 |
| 22 | `#f7cdff` | `oklch(90.07% 0.0801 321.05)` | Sassy Pink | black, 15.1 to 1 |
| 23 | `#fdcdfc` | `oklch(90.44% 0.0810 327.23)` | Sugar Chic | black, 15.3 to 1 |
| 24 | `#ffd0f5` | `oklch(90.84% 0.0714 333.69)` | Shampoo | black, 15.5 to 1 |
| 25 | `#ffd3ee` | `oklch(91.29% 0.0598 340.71)` | Pink Currant | black, 15.8 to 1 |
| 26 | `#ffd7ea` | `oklch(91.83% 0.0503 348.50)` | Pink Currant | black, 16.1 to 1 |
| 27 | `#ffdbe6` | `oklch(92.41% 0.0428 356.71)` | Pink Perfume | black, 16.5 to 1 |
| 28 | `#ffdee4` | `oklch(93.01% 0.0370 4.94)` | Pink Pleasure | black, 16.8 to 1 |
| 29 | `#ffe1e4` | `oklch(93.59% 0.0327 12.80)` | Pink Pleasure | black, 17.1 to 1 |
| 30 | `#ffe4e3` | `oklch(94.12% 0.0295 19.91)` | Misty Rose | black, 17.4 to 1 |
| 31 | `#ffe7e4` | `oklch(94.56% 0.0272 25.89)` | Sheer Rosebud | black, 17.7 to 1 |
| 32 | `#ffe8e4` | `oklch(94.88% 0.0257 30.33)` | Sheer Rosebud | black, 17.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #92d5b7 0.000% 3.125%, #8fd6bc 3.125% 6.250%, #8cd7c3 6.250% 9.375%, #8ad8cb 9.375% 12.500%, #89dad3 12.500% 15.625%, #89dadc 15.625% 18.750%, #8adbe5 18.750% 21.875%, #8edbed 21.875% 25.000%, #92dbf4 25.000% 28.125%, #99dafa 28.125% 31.250%, #a1d9ff 31.250% 34.375%, #aed7ff 34.375% 37.500%, #b8d6ff 37.500% 40.625%, #c1d5ff 40.625% 43.750%, #c9d4ff 43.750% 46.875%, #d0d3ff 46.875% 50.000%, #d7d3ff 50.000% 53.125%, #ddd2ff 53.125% 56.250%, #e3d1ff 56.250% 59.375%, #e9d0ff 59.375% 62.500%, #f0cfff 62.500% 65.625%, #f7cdff 65.625% 68.750%, #fdcdfc 68.750% 71.875%, #ffd0f5 71.875% 75.000%, #ffd3ee 75.000% 78.125%, #ffd7ea 78.125% 81.250%, #ffdbe6 81.250% 84.375%, #ffdee4 84.375% 87.500%, #ffe1e4 87.500% 90.625%, #ffe4e3 90.625% 93.750%, #ffe7e4 93.750% 96.875%, #ffe8e4 96.875% 100.000%);
background: linear-gradient(135deg, oklch(81.89% 0.0799 165.23) 0.000% 3.125%, oklch(82.14% 0.0799 169.56) 3.125% 6.250%, oklch(82.48% 0.0799 175.25) 6.250% 9.375%, oklch(82.88% 0.0799 182.03) 9.375% 12.500%, oklch(83.33% 0.0799 189.59) 12.500% 15.625%, oklch(83.79% 0.0799 197.67) 15.625% 18.750%, oklch(84.27% 0.0799 205.98) 18.750% 21.875%, oklch(84.72% 0.0799 214.22) 21.875% 25.000%, oklch(85.14% 0.0799 222.15) 25.000% 28.125%, oklch(85.55% 0.0799 230.33) 28.125% 31.250%, oklch(85.97% 0.0782 238.90) 31.250% 34.375%, oklch(86.38% 0.0707 247.72) 34.375% 37.500%, oklch(86.79% 0.0655 256.59) 37.500% 40.625%, oklch(87.20% 0.0623 265.37) 40.625% 43.750%, oklch(87.60% 0.0605 273.86) 43.750% 46.875%, oklch(88.00% 0.0600 281.90) 46.875% 50.000%, oklch(88.38% 0.0606 289.35) 50.000% 53.125%, oklch(88.73% 0.0621 296.24) 53.125% 56.250%, oklch(89.07% 0.0645 302.72) 56.250% 59.375%, oklch(89.39% 0.0680 308.92) 59.375% 62.500%, oklch(89.73% 0.0730 314.99) 62.500% 65.625%, oklch(90.07% 0.0801 321.05) 65.625% 68.750%, oklch(90.44% 0.0810 327.23) 68.750% 71.875%, oklch(90.84% 0.0714 333.69) 71.875% 75.000%, oklch(91.29% 0.0598 340.71) 75.000% 78.125%, oklch(91.83% 0.0503 348.50) 78.125% 81.250%, oklch(92.41% 0.0428 356.71) 81.250% 84.375%, oklch(93.01% 0.0370 4.94) 84.375% 87.500%, oklch(93.59% 0.0327 12.80) 87.500% 90.625%, oklch(94.12% 0.0295 19.91) 90.625% 93.750%, oklch(94.56% 0.0272 25.89) 93.750% 96.875%, oklch(94.88% 0.0257 30.33) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.819 | 0.08 | 165.2 |
| 2 | 0.85 | 0.08 | 220.2 |
| 3 | 0.882 | 0.08 | 285.7 |
| 4 | 0.909 | 0.08 | 335.4 |
| 5 | 0.949 | 0.061 | 390.3 |

## In these collections

- [Spring pastel gradients](https://grabient.com/spring-pastel-gradients)
- [Iridescent glass interface](https://grabient.com/iridescent-glass-interface)

## Other forms

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