# Pastel blue, green and pink angular gradient

Pastel blue, green and pink angular gradient with 32 colors: #74acdc, #6eb1dd, #68b7dd, #61bedb, #5bc5d7, #59ccd2, #59d2cc, #59d6c6, #58dbc0, #59dfb9, #5ce3b1, #63e5a7, #6ee69d, #7ce693, #88e48b, #92e185, #9cdd80, #a5d97c, #afd477, #b9cf71, #c4c86c, #cdc26a, #d4bb6b, #dab46f, #ddae75, #dea97b, #dfa583, #dea18b, #db9e93, #d89b9a, #d59aa0, #d199a4. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYuEOu5Se5Wq3O5oLTx4qA494ZOQ`
- Page: https://grabient.com/kYuEOu5Se5Wq3O5oLTx4qA494ZOQ?style=angularGradient&steps=32&angle=45
- Drawn as: angular gradient, 32 steps, 45 degrees
- Kinds: even lightness, pastel, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 1.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 | `#74acdc` | `oklch(72.44% 0.0923 245.39)` | High Seas | black, 8.6 to 1 |
| 2 | `#6eb1dd` | `oklch(73.21% 0.0938 239.33)` | Milky Waves | black, 8.9 to 1 |
| 3 | `#68b7dd` | `oklch(74.30% 0.0955 230.80)` | Malibu | black, 9.3 to 1 |
| 4 | `#61bedb` | `oklch(75.58% 0.0977 220.75)` | Sea Capture | black, 9.9 to 1 |
| 5 | `#5bc5d7` | `oklch(76.93% 0.1004 210.13)` | Rushing Stream | black, 10.4 to 1 |
| 6 | `#59ccd2` | `oklch(78.22% 0.1038 199.87)` | Watercourse | black, 11 to 1 |
| 7 | `#59d2cc` | `oklch(79.34% 0.1079 190.93)` | Medium Turquoise | black, 11.4 to 1 |
| 8 | `#59d6c6` | `oklch(80.27% 0.1136 183.63)` | Jamaican Jade | black, 11.8 to 1 |
| 9 | `#58dbc0` | `oklch(81.17% 0.1214 177.03)` | Jazzy Jade | black, 12.3 to 1 |
| 10 | `#59dfb9` | `oklch(82.02% 0.1303 170.97)` | Ocean in a Bowl | black, 12.7 to 1 |
| 11 | `#5ce3b1` | `oklch(82.77% 0.1389 165.30)` | Medium Aquamarine | black, 13 to 1 |
| 12 | `#63e5a7` | `oklch(83.36% 0.1462 159.87)` | Medium Aquamarine | black, 13.3 to 1 |
| 13 | `#6ee69d` | `oklch(83.76% 0.1508 154.54)` | Ragweed | black, 13.5 to 1 |
| 14 | `#7ce693` | `oklch(83.93% 0.1517 149.37)` | Ragweed | black, 13.5 to 1 |
| 15 | `#88e48b` | `oklch(83.86% 0.1497 144.97)` | Ragweed | black, 13.4 to 1 |
| 16 | `#92e185` | `oklch(83.60% 0.1454 140.98)` | VIC 20 Green | black, 13.2 to 1 |
| 17 | `#9cdd80` | `oklch(83.20% 0.1397 136.93)` | VIC 20 Green | black, 13 to 1 |
| 18 | `#a5d97c` | `oklch(82.72% 0.1335 132.36)` | Crystal Green | black, 12.7 to 1 |
| 19 | `#afd477` | `oklch(82.20% 0.1273 126.81)` | Davao Green | black, 12.5 to 1 |
| 20 | `#b9cf71` | `oklch(81.68% 0.1219 119.82)` | Fashion Green | black, 12.2 to 1 |
| 21 | `#c4c86c` | `oklch(81.06% 0.1162 111.43)` | Powdered Green Tea | black, 11.8 to 1 |
| 22 | `#cdc26a` | `oklch(80.35% 0.1100 102.00)` | Mung Bean | black, 11.4 to 1 |
| 23 | `#d4bb6b` | `oklch(79.59% 0.1037 91.94)` | Tookie Bird | black, 11 to 1 |
| 24 | `#dab46f` | `oklch(78.83% 0.0976 81.62)` | Yellow Lab | black, 10.7 to 1 |
| 25 | `#ddae75` | `oklch(78.10% 0.0921 71.43)` | Mustard Field | black, 10.3 to 1 |
| 26 | `#dea97b` | `oklch(77.43% 0.0873 61.71)` | Thai Ice Tea | black, 10 to 1 |
| 27 | `#dfa583` | `oklch(76.77% 0.0831 51.44)` | Almost Apricot | black, 9.8 to 1 |
| 28 | `#dea18b` | `oklch(76.10% 0.0793 40.57)` | Venetian Plaster | black, 9.5 to 1 |
| 29 | `#db9e93` | `oklch(75.45% 0.0760 29.82)` | Rhapsodic | black, 9.3 to 1 |
| 30 | `#d89b9a` | `oklch(74.87% 0.0731 19.92)` | Blushing Bud | black, 9.1 to 1 |
| 31 | `#d59aa0` | `oklch(74.38% 0.0707 11.57)` | Parrot Pink | black, 8.9 to 1 |
| 32 | `#d199a4` | `oklch(74.02% 0.0689 5.51)` | Cooing Doves | black, 8.8 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #74acdc 0.0%, #6eb1dd 3.2%, #68b7dd 6.5%, #61bedb 9.7%, #5bc5d7 12.9%, #59ccd2 16.1%, #59d2cc 19.4%, #59d6c6 22.6%, #58dbc0 25.8%, #59dfb9 29.0%, #5ce3b1 32.3%, #63e5a7 35.5%, #6ee69d 38.7%, #7ce693 41.9%, #88e48b 45.2%, #92e185 48.4%, #9cdd80 51.6%, #a5d97c 54.8%, #afd477 58.1%, #b9cf71 61.3%, #c4c86c 64.5%, #cdc26a 67.7%, #d4bb6b 71.0%, #dab46f 74.2%, #ddae75 77.4%, #dea97b 80.6%, #dfa583 83.9%, #dea18b 87.1%, #db9e93 90.3%, #d89b9a 93.5%, #d59aa0 96.8%, #d199a4 100.0%);
background: conic-gradient(from 45deg in oklch, oklch(72.44% 0.0923 245.39) 0.0%, oklch(73.21% 0.0938 239.33) 3.2%, oklch(74.30% 0.0955 230.80) 6.5%, oklch(75.58% 0.0977 220.75) 9.7%, oklch(76.93% 0.1004 210.13) 12.9%, oklch(78.22% 0.1038 199.87) 16.1%, oklch(79.34% 0.1079 190.93) 19.4%, oklch(80.27% 0.1136 183.63) 22.6%, oklch(81.17% 0.1214 177.03) 25.8%, oklch(82.02% 0.1303 170.97) 29.0%, oklch(82.77% 0.1389 165.30) 32.3%, oklch(83.36% 0.1462 159.87) 35.5%, oklch(83.76% 0.1508 154.54) 38.7%, oklch(83.93% 0.1517 149.37) 41.9%, oklch(83.86% 0.1497 144.97) 45.2%, oklch(83.60% 0.1454 140.98) 48.4%, oklch(83.20% 0.1397 136.93) 51.6%, oklch(82.72% 0.1335 132.36) 54.8%, oklch(82.20% 0.1273 126.81) 58.1%, oklch(81.68% 0.1219 119.82) 61.3%, oklch(81.06% 0.1162 111.43) 64.5%, oklch(80.35% 0.1100 102.00) 67.7%, oklch(79.59% 0.1037 91.94) 71.0%, oklch(78.83% 0.0976 81.62) 74.2%, oklch(78.10% 0.0921 71.43) 77.4%, oklch(77.43% 0.0873 61.71) 80.6%, oklch(76.77% 0.0831 51.44) 83.9%, oklch(76.10% 0.0793 40.57) 87.1%, oklch(75.45% 0.0760 29.82) 90.3%, oklch(74.87% 0.0731 19.92) 93.5%, oklch(74.38% 0.0707 11.57) 96.8%, oklch(74.02% 0.0689 5.51) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.724 | 0.092 | 245.4 |
| 2 | 0.795 | 0.109 | 189.4 |
| 3 | 0.839 | 0.152 | 152.4 |
| 4 | 0.819 | 0.124 | 122.8 |
| 5 | 0.776 | 0.088 | 63.6 |
| 6 | 0.74 | 0.069 | 5.5 |

## In these collections

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

## Other forms

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