# White lavender leaf orchid

White to teal linear gradient with 32 colors: #fcfaf4, #fcf7f1, #fdf3ef, #fcefef, #f9ebf0, #f2e7f3, #eae2f3, #e1ddf2, #d8d6ef, #d0ceec, #c9c6e8, #c2bde3, #bab4de, #b1acd8, #a9a3d2, #a099ca, #9790c2, #8e89bc, #8484b6, #7882b3, #6c85b0, #628aab, #5d8fa3, #5f9299, #64928f, #658e86, #60887d, #587e73, #4d7569, #426b61, #38635a, #325d54. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: White to teal linear gradient
- Seed: `kY-gZA9QkueMWPpPG76TpG0biSv4`
- Page: https://grabient.com/kY-gZA9QkueMWPpPG76TpG0biSv4?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: light to dark, cool
- Hues: two-hue
- Contrast of its darkest and lightest colors: 7 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 | `#fcfaf4` | `oklch(98.43% 0.0083 90.70)` | Unbleached | black, 20 to 1 |
| 2 | `#fcf7f1` | `oklch(97.85% 0.0098 73.75)` | Milk Jug | black, 19.7 to 1 |
| 3 | `#fdf3ef` | `oklch(97.14% 0.0117 49.12)` | Soft Peach Mist | black, 19.2 to 1 |
| 4 | `#fcefef` | `oklch(96.26% 0.0140 20.42)` | Voracious White | black, 18.7 to 1 |
| 5 | `#f9ebf0` | `oklch(95.20% 0.0168 351.20)` | Morning Shine | black, 18.1 to 1 |
| 6 | `#f2e7f3` | `oklch(93.94% 0.0201 325.05)` | Perfume Haze | black, 17.4 to 1 |
| 7 | `#eae2f3` | `oklch(92.45% 0.0240 305.55)` | Sheer Lavender | black, 16.6 to 1 |
| 8 | `#e1ddf2` | `oklch(90.69% 0.0286 294.59)` | Chinese Silver | black, 15.8 to 1 |
| 9 | `#d8d6ef` | `oklch(88.63% 0.0344 289.42)` | Lavender Sky | black, 14.8 to 1 |
| 10 | `#d0ceec` | `oklch(86.35% 0.0408 288.25)` | Miami White | black, 13.7 to 1 |
| 11 | `#c9c6e8` | `oklch(83.92% 0.0474 289.37)` | Powdered Granite | black, 12.6 to 1 |
| 12 | `#c2bde3` | `oklch(81.42% 0.0536 291.07)` | Pretty Posie | black, 11.6 to 1 |
| 13 | `#bab4de` | `oklch(78.93% 0.0589 291.62)` | Beloved | black, 10.6 to 1 |
| 14 | `#b1acd8` | `oklch(76.43% 0.0631 290.37)` | Purple Hibiscus | black, 9.7 to 1 |
| 15 | `#a9a3d2` | `oklch(73.62% 0.0671 290.25)` | Milky Lavender | black, 8.8 to 1 |
| 16 | `#a099ca` | `oklch(70.68% 0.0706 290.63)` | Grape Arbour | black, 7.9 to 1 |
| 17 | `#9790c2` | `oklch(67.80% 0.0735 290.44)` | Hermosa | black, 7 to 1 |
| 18 | `#8e89bc` | `oklch(65.22% 0.0754 288.59)` | Butterfly Garden | black, 6.4 to 1 |
| 19 | `#8484b6` | `oklch(63.13% 0.0761 284.01)` | Aster Purple | black, 5.9 to 1 |
| 20 | `#7882b3` | `oklch(61.78% 0.0752 275.47)` | Venture Violet | black, 5.6 to 1 |
| 21 | `#6c85b0` | `oklch(61.41% 0.0719 261.49)` | Kimono | black, 5.6 to 1 |
| 22 | `#628aab` | `oklch(61.71% 0.0668 243.78)` | Rackley | black, 5.7 to 1 |
| 23 | `#5d8fa3` | `oklch(62.28% 0.0610 224.59)` | Sail Cover | black, 5.9 to 1 |
| 24 | `#5f9299` | `oklch(62.70% 0.0553 206.20)` | Clear Brook | black, 6 to 1 |
| 25 | `#64928f` | `oklch(62.58% 0.0506 190.85)` | Pauley | black, 6 to 1 |
| 26 | `#658e86` | `oklch(61.50% 0.0479 180.76)` | Oil Blue | black, 5.7 to 1 |
| 27 | `#60887d` | `oklch(59.26% 0.0469 175.71)` | Greenella | black, 5.2 to 1 |
| 28 | `#587e73` | `oklch(56.21% 0.0471 174.09)` | Dull Turquoise | black, 4.6 to 1 |
| 29 | `#4d7569` | `oklch(52.78% 0.0480 174.77)` | Tandayapa Cloud Forest | white, 5.1 to 1 |
| 30 | `#426b61` | `oklch(49.39% 0.0492 176.59)` | Smoke Pine | white, 5.9 to 1 |
| 31 | `#38635a` | `oklch(46.48% 0.0504 178.42)` | Forest Greenery | white, 6.7 to 1 |
| 32 | `#325d54` | `oklch(44.49% 0.0510 179.12)` | Holly Bush | white, 7.3 to 1 |

## CSS

```css
background: linear-gradient(225deg, #fcfaf4 0.0%, #fcf7f1 3.2%, #fdf3ef 6.5%, #fcefef 9.7%, #f9ebf0 12.9%, #f2e7f3 16.1%, #eae2f3 19.4%, #e1ddf2 22.6%, #d8d6ef 25.8%, #d0ceec 29.0%, #c9c6e8 32.3%, #c2bde3 35.5%, #bab4de 38.7%, #b1acd8 41.9%, #a9a3d2 45.2%, #a099ca 48.4%, #9790c2 51.6%, #8e89bc 54.8%, #8484b6 58.1%, #7882b3 61.3%, #6c85b0 64.5%, #628aab 67.7%, #5d8fa3 71.0%, #5f9299 74.2%, #64928f 77.4%, #658e86 80.6%, #60887d 83.9%, #587e73 87.1%, #4d7569 90.3%, #426b61 93.5%, #38635a 96.8%, #325d54 100.0%);
background: linear-gradient(225deg in oklch, oklch(98.43% 0.0083 90.70) 0.0%, oklch(97.85% 0.0098 73.75) 3.2%, oklch(97.14% 0.0117 49.12) 6.5%, oklch(96.26% 0.0140 20.42) 9.7%, oklch(95.20% 0.0168 351.20) 12.9%, oklch(93.94% 0.0201 325.05) 16.1%, oklch(92.45% 0.0240 305.55) 19.4%, oklch(90.69% 0.0286 294.59) 22.6%, oklch(88.63% 0.0344 289.42) 25.8%, oklch(86.35% 0.0408 288.25) 29.0%, oklch(83.92% 0.0474 289.37) 32.3%, oklch(81.42% 0.0536 291.07) 35.5%, oklch(78.93% 0.0589 291.62) 38.7%, oklch(76.43% 0.0631 290.37) 41.9%, oklch(73.62% 0.0671 290.25) 45.2%, oklch(70.68% 0.0706 290.63) 48.4%, oklch(67.80% 0.0735 290.44) 51.6%, oklch(65.22% 0.0754 288.59) 54.8%, oklch(63.13% 0.0761 284.01) 58.1%, oklch(61.78% 0.0752 275.47) 61.3%, oklch(61.41% 0.0719 261.49) 64.5%, oklch(61.71% 0.0668 243.78) 67.7%, oklch(62.28% 0.0610 224.59) 71.0%, oklch(62.70% 0.0553 206.20) 74.2%, oklch(62.58% 0.0506 190.85) 77.4%, oklch(61.50% 0.0479 180.76) 80.6%, oklch(59.26% 0.0469 175.71) 83.9%, oklch(56.21% 0.0471 174.09) 87.1%, oklch(52.78% 0.0480 174.77) 90.3%, oklch(49.39% 0.0492 176.59) 93.5%, oklch(46.48% 0.0504 178.42) 96.8%, oklch(44.49% 0.0510 179.12) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.984 | 0.008 | 90.7 |
| 2 | 0.921 | 0.025 | -57.2 |
| 3 | 0.78 | 0.061 | -68.9 |
| 4 | 0.622 | 0.076 | -80.5 |
| 5 | 0.618 | 0.048 | -177.7 |
| 6 | 0.445 | 0.051 | -180.9 |

## In these collections

- [Orchid colors](https://grabient.com/orchid-colors)

## Other forms

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