# Light blue, pink, yellow and orange linear gradient

Light blue, pink, yellow and orange linear gradient with 32 colors: #86c2ba, #8bccbf, #94dac5, #a0e8c8, #b1f0c3, #c5edb4, #d8dfa4, #e1cd9d, #e0bd9e, #deb19e, #e2a599, #e89796, #ef8b95, #f68492, #fe878b, #ff9a82, #ffb07d, #ffc47a, #fed277, #fede75, #fde96f, #fcf066, #fcf05b, #fee64a, #ffd34c, #ffbc42, #fea733, #fa9a32, #f69229, #f28d16, #ee8a00, #ea8800. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kcxC6D8yC7eWVNDes7v76vH_c8wrjObs2z6_o`
- Page: https://grabient.com/kcxC6D8yC7eWVNDes7v76vH_c8wrjObs2z6_o?steps=32&angle=315
- Drawn as: linear gradient, 32 steps, 315 degrees
- Kinds: vivid, light, warm, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.2 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 | `#86c2ba` | `oklch(77.17% 0.0634 184.92)` | Undine | black, 10.4 to 1 |
| 2 | `#8bccbf` | `oklch(79.76% 0.0687 180.12)` | Deco-Rate | black, 11.4 to 1 |
| 3 | `#94dac5` | `oklch(83.64% 0.0767 173.75)` | Monet Vert | black, 13.1 to 1 |
| 4 | `#a0e8c8` | `oklch(87.54% 0.0845 165.03)` | Tropical | black, 14.9 to 1 |
| 5 | `#b1f0c3` | `oklch(90.15% 0.0892 153.14)` | Esoteric Touch Green | black, 16.1 to 1 |
| 6 | `#c5edb4` | `oklch(90.32% 0.0875 136.59)` | Imbued With Mint | black, 16.1 to 1 |
| 7 | `#d8dfa4` | `oklch(88.34% 0.0779 113.50)` | Young Wheat | black, 14.9 to 1 |
| 8 | `#e1cd9d` | `oklch(85.24% 0.0659 87.70)` | Prairie Land | black, 13.3 to 1 |
| 9 | `#e0bd9e` | `oklch(82.02% 0.0576 63.57)` | Eggshell Paper | black, 11.9 to 1 |
| 10 | `#deb19e` | `oklch(79.66% 0.0589 45.41)` | Pink Sand | black, 10.9 to 1 |
| 11 | `#e2a599` | `oklch(77.67% 0.0740 31.66)` | Cuticle Pink | black, 10 to 1 |
| 12 | `#e89796` | `oklch(75.78% 0.0975 20.83)` | Franken Berry | black, 9.3 to 1 |
| 13 | `#ef8b95` | `oklch(74.47% 0.1218 14.17)` | Peony | black, 8.7 to 1 |
| 14 | `#f68492` | `oklch(74.22% 0.1393 12.92)` | Strawberry Soap | black, 8.6 to 1 |
| 15 | `#fe878b` | `oklch(75.58% 0.1436 19.37)` | Tulip | black, 9 to 1 |
| 16 | `#ff9a82` | `oklch(78.56% 0.1264 34.57)` | Vivid Tangerine | black, 10.2 to 1 |
| 17 | `#ffb07d` | `oklch(82.29% 0.1138 53.75)` | Peach | black, 11.7 to 1 |
| 18 | `#ffc47a` | `oklch(85.85% 0.1138 71.87)` | Bronze Blush | black, 13.4 to 1 |
| 19 | `#fed277` | `oklch(88.43% 0.1211 84.24)` | Yellow Jubilee | black, 14.7 to 1 |
| 20 | `#fede75` | `oklch(90.70% 0.1301 93.25)` | Sun Shower | black, 15.9 to 1 |
| 21 | `#fde96f` | `oklch(92.69% 0.1435 100.13)` | Fuzzy Duckling | black, 17 to 1 |
| 22 | `#fcf066` | `oklch(93.90% 0.1569 104.21)` | Pale Ale | black, 17.7 to 1 |
| 23 | `#fcf05b` | `oklch(93.84% 0.1660 104.84)` | Xanthe Yellow | black, 17.7 to 1 |
| 24 | `#fee64a` | `oklch(91.87% 0.1683 100.25)` | Highlighter | black, 16.6 to 1 |
| 25 | `#ffd34c` | `oklch(88.14% 0.1545 90.31)` | Golden Goose | black, 14.6 to 1 |
| 26 | `#ffbc42` | `oklch(83.72% 0.1525 78.47)` | Orange Pop | black, 12.5 to 1 |
| 27 | `#fea733` | `oklch(79.68% 0.1589 68.23)` | Tamago Orange | black, 10.7 to 1 |
| 28 | `#fa9a32` | `oklch(76.94% 0.1590 62.74)` | Pelican Pecker | black, 9.7 to 1 |
| 29 | `#f69229` | `oklch(75.00% 0.1618 60.88)` | Pesto Calabrese | black, 9 to 1 |
| 30 | `#f28d16` | `oklch(73.54% 0.1657 61.02)` | Saffron Gold | black, 8.5 to 1 |
| 31 | `#ee8a00` | `oklch(72.46% 0.1669 61.91)` | Elden Ring Orange | black, 8.2 to 1 |
| 32 | `#ea8800` | `oklch(71.65% 0.1644 62.32)` | Clear Orange | black, 8 to 1 |

## CSS

```css
background: linear-gradient(315deg, #86c2ba 0.0%, #8bccbf 3.2%, #94dac5 6.5%, #a0e8c8 9.7%, #b1f0c3 12.9%, #c5edb4 16.1%, #d8dfa4 19.4%, #e1cd9d 22.6%, #e0bd9e 25.8%, #deb19e 29.0%, #e2a599 32.3%, #e89796 35.5%, #ef8b95 38.7%, #f68492 41.9%, #fe878b 45.2%, #ff9a82 48.4%, #ffb07d 51.6%, #ffc47a 54.8%, #fed277 58.1%, #fede75 61.3%, #fde96f 64.5%, #fcf066 67.7%, #fcf05b 71.0%, #fee64a 74.2%, #ffd34c 77.4%, #ffbc42 80.6%, #fea733 83.9%, #fa9a32 87.1%, #f69229 90.3%, #f28d16 93.5%, #ee8a00 96.8%, #ea8800 100.0%);
background: linear-gradient(315deg in oklch, oklch(77.17% 0.0634 184.92) 0.0%, oklch(79.76% 0.0687 180.12) 3.2%, oklch(83.64% 0.0767 173.75) 6.5%, oklch(87.54% 0.0845 165.03) 9.7%, oklch(90.15% 0.0892 153.14) 12.9%, oklch(90.32% 0.0875 136.59) 16.1%, oklch(88.34% 0.0779 113.50) 19.4%, oklch(85.24% 0.0659 87.70) 22.6%, oklch(82.02% 0.0576 63.57) 25.8%, oklch(79.66% 0.0589 45.41) 29.0%, oklch(77.67% 0.0740 31.66) 32.3%, oklch(75.78% 0.0975 20.83) 35.5%, oklch(74.47% 0.1218 14.17) 38.7%, oklch(74.22% 0.1393 12.92) 41.9%, oklch(75.58% 0.1436 19.37) 45.2%, oklch(78.56% 0.1264 34.57) 48.4%, oklch(82.29% 0.1138 53.75) 51.6%, oklch(85.85% 0.1138 71.87) 54.8%, oklch(88.43% 0.1211 84.24) 58.1%, oklch(90.70% 0.1301 93.25) 61.3%, oklch(92.69% 0.1435 100.13) 64.5%, oklch(93.90% 0.1569 104.21) 67.7%, oklch(93.84% 0.1660 104.84) 71.0%, oklch(91.87% 0.1683 100.25) 74.2%, oklch(88.14% 0.1545 90.31) 77.4%, oklch(83.72% 0.1525 78.47) 80.6%, oklch(79.68% 0.1589 68.23) 83.9%, oklch(76.94% 0.1590 62.74) 87.1%, oklch(75.00% 0.1618 60.88) 90.3%, oklch(73.54% 0.1657 61.02) 93.5%, oklch(72.46% 0.1669 61.91) 96.8%, oklch(71.65% 0.1644 62.32) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.772 | 0.063 | 184.9 |
| 2 | 0.906 | 0.09 | 146.9 |
| 3 | 0.799 | 0.058 | 47.5 |
| 4 | 0.744 | 0.142 | 13.7 |
| 5 | 0.878 | 0.12 | 81.4 |
| 6 | 0.937 | 0.167 | 104.6 |
| 7 | 0.78 | 0.158 | 64.5 |
| 8 | 0.717 | 0.172 | 62.3 |

## In these collections

- [Summer gradients](https://grabient.com/summer-gradients)

## Other forms

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