# Violet green teal rings

Pink, beige, green and teal linear gradient with 32 colors: #ce8bdd, #db8dd5, #ea93c9, #f99bbb, #ffaaae, #ffbcaa, #ffcbab, #ffd9aa, #fbe5ac, #f3efb5, #eaf4bc, #dff5be, #d2f1b9, #c1eaaf, #aee2a2, #9ad892, #85cd82, #71c371, #5eb962, #4cb256, #3aad50, #28ad51, #15af58, #06b361, #0aba6d, #1bc17a, #2dca88, #3dd296, #4cdba3, #59e2ae, #63e8b7, #69edbe. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pink, beige, green and teal linear gradient
- Seed: `kUumLj-BrS1O-Q1tMUIg`
- Page: https://grabient.com/kUumLj-BrS1O-Q1tMUIg?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: vivid, light
- Hues: complementary
- Contrast of its darkest and lightest colors: 2.5 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 | `#ce8bdd` | `oklch(73.23% 0.1350 319.92)` | Blush Essence | black, 8.3 to 1 |
| 2 | `#db8dd5` | `oklch(74.66% 0.1308 329.62)` | Blush Essence | black, 8.7 to 1 |
| 3 | `#ea93c9` | `oklch(76.76% 0.1245 342.74)` | Pearly Pink | black, 9.4 to 1 |
| 4 | `#f99bbb` | `oklch(79.34% 0.1168 358.50)` | Saira Red | black, 10.4 to 1 |
| 5 | `#ffaaae` | `oklch(82.21% 0.1003 16.11)` | Apricot Haze | black, 11.6 to 1 |
| 6 | `#ffbcaa` | `oklch(85.17% 0.0821 34.77)` | Coral Beach | black, 12.9 to 1 |
| 7 | `#ffcbab` | `oklch(88.02% 0.0733 53.70)` | Peachy Pico | black, 14.3 to 1 |
| 8 | `#ffd9aa` | `oklch(90.58% 0.0738 72.10)` | Peach Cider | black, 15.7 to 1 |
| 9 | `#fbe5ac` | `oklch(92.65% 0.0774 89.18)` | Khaki Core | black, 16.9 to 1 |
| 10 | `#f3efb5` | `oklch(94.04% 0.0737 104.16)` | Sunbeam | black, 17.7 to 1 |
| 11 | `#eaf4bc` | `oklch(94.55% 0.0726 116.24)` | Chiffon | black, 18.1 to 1 |
| 12 | `#dff5be` | `oklch(93.95% 0.0751 125.05)` | Envious Pastel | black, 17.8 to 1 |
| 13 | `#d2f1b9` | `oklch(92.16% 0.0812 131.63)` | Maroccan Tea | black, 17 to 1 |
| 14 | `#c1eaaf` | `oklch(89.42% 0.0902 136.40)` | Ice Ice | black, 15.7 to 1 |
| 15 | `#aee2a2` | `oklch(86.00% 0.1014 139.68)` | Grape Green | black, 14.1 to 1 |
| 16 | `#9ad892` | `oklch(82.17% 0.1138 141.81)` | Leek | black, 12.5 to 1 |
| 17 | `#85cd82` | `oklch(78.21% 0.1268 143.11)` | Greek Garden | black, 11 to 1 |
| 18 | `#71c371` | `oklch(74.37% 0.1395 143.92)` | Bermudagrass | black, 9.7 to 1 |
| 19 | `#5eb962` | `oklch(70.93% 0.1512 144.57)` | Forest Maid | black, 8.6 to 1 |
| 20 | `#4cb256` | `oklch(68.16% 0.1609 145.39)` | Artificial Turf | black, 7.8 to 1 |
| 21 | `#3aad50` | `oklch(66.32% 0.1680 146.71)` | Matt Green | black, 7.3 to 1 |
| 22 | `#28ad51` | `oklch(65.67% 0.1717 148.79)` | Matt Green | black, 7.1 to 1 |
| 23 | `#15af58` | `oklch(66.10% 0.1725 151.08)` | Nordic Grass Green | black, 7.2 to 1 |
| 24 | `#06b361` | `oklch(67.37% 0.1711 153.34)` | Future Hair | black, 7.6 to 1 |
| 25 | `#0aba6d` | `oklch(69.32% 0.1679 155.53)` | Green Elliott | black, 8.2 to 1 |
| 26 | `#1bc17a` | `oklch(71.74% 0.1635 157.64)` | Times Square Screens | black, 8.9 to 1 |
| 27 | `#2dca88` | `oklch(74.46% 0.1581 159.64)` | Magical Malachite | black, 9.8 to 1 |
| 28 | `#3dd296` | `oklch(77.27% 0.1524 161.50)` | Wild Caribbean Green | black, 10.9 to 1 |
| 29 | `#4cdba3` | `oklch(80.01% 0.1468 163.20)` | Malted Mint Madness | black, 11.9 to 1 |
| 30 | `#59e2ae` | `oklch(82.47% 0.1417 164.70)` | Medium Aquamarine | black, 12.9 to 1 |
| 31 | `#63e8b7` | `oklch(84.47% 0.1377 166.00)` | Onsen | black, 13.7 to 1 |
| 32 | `#69edbe` | `oklch(85.83% 0.1350 167.05)` | Onsen | black, 14.4 to 1 |

## CSS

```css
background: linear-gradient(135deg, #ce8bdd 0.0%, #db8dd5 3.2%, #ea93c9 6.5%, #f99bbb 9.7%, #ffaaae 12.9%, #ffbcaa 16.1%, #ffcbab 19.4%, #ffd9aa 22.6%, #fbe5ac 25.8%, #f3efb5 29.0%, #eaf4bc 32.3%, #dff5be 35.5%, #d2f1b9 38.7%, #c1eaaf 41.9%, #aee2a2 45.2%, #9ad892 48.4%, #85cd82 51.6%, #71c371 54.8%, #5eb962 58.1%, #4cb256 61.3%, #3aad50 64.5%, #28ad51 67.7%, #15af58 71.0%, #06b361 74.2%, #0aba6d 77.4%, #1bc17a 80.6%, #2dca88 83.9%, #3dd296 87.1%, #4cdba3 90.3%, #59e2ae 93.5%, #63e8b7 96.8%, #69edbe 100.0%);
background: linear-gradient(135deg in oklch, oklch(73.23% 0.1350 319.92) 0.0%, oklch(74.66% 0.1308 329.62) 3.2%, oklch(76.76% 0.1245 342.74) 6.5%, oklch(79.34% 0.1168 358.50) 9.7%, oklch(82.21% 0.1003 16.11) 12.9%, oklch(85.17% 0.0821 34.77) 16.1%, oklch(88.02% 0.0733 53.70) 19.4%, oklch(90.58% 0.0738 72.10) 22.6%, oklch(92.65% 0.0774 89.18) 25.8%, oklch(94.04% 0.0737 104.16) 29.0%, oklch(94.55% 0.0726 116.24) 32.3%, oklch(93.95% 0.0751 125.05) 35.5%, oklch(92.16% 0.0812 131.63) 38.7%, oklch(89.42% 0.0902 136.40) 41.9%, oklch(86.00% 0.1014 139.68) 45.2%, oklch(82.17% 0.1138 141.81) 48.4%, oklch(78.21% 0.1268 143.11) 51.6%, oklch(74.37% 0.1395 143.92) 54.8%, oklch(70.93% 0.1512 144.57) 58.1%, oklch(68.16% 0.1609 145.39) 61.3%, oklch(66.32% 0.1680 146.71) 64.5%, oklch(65.67% 0.1717 148.79) 67.7%, oklch(66.10% 0.1725 151.08) 71.0%, oklch(67.37% 0.1711 153.34) 74.2%, oklch(69.32% 0.1679 155.53) 77.4%, oklch(71.74% 0.1635 157.64) 80.6%, oklch(74.46% 0.1581 159.64) 83.9%, oklch(77.27% 0.1524 161.50) 87.1%, oklch(80.01% 0.1468 163.20) 90.3%, oklch(82.47% 0.1417 164.70) 93.5%, oklch(84.47% 0.1377 166.00) 96.8%, oklch(85.83% 0.1350 167.05) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.732 | 0.135 | 319.9 |
| 2 | 0.945 | 0.073 | 479.5 |
| 3 | 0.657 | 0.171 | 508 |
| 4 | 0.858 | 0.135 | 527 |

## In these collections

- [Light multicolor gradients](https://grabient.com/light-multicolor-gradients)

## Other forms

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