# Pastel rainbow from off-white to beige angular gradient

Pastel rainbow from off-white to beige angular gradient with 32 colors: #fcffea, #f6ffdc, #edffd3, #deffcb, #c5ffc3, #abfac5, #8eeec9, #73ddcc, #60c8cb, #57b2c5, #529ebe, #4d8fb9, #4680b4, #4172b1, #4165af, #485aae, #5453ac, #624fa9, #724fa7, #8251a4, #9456a1, #a55c9d, #b9659b, #cd7299, #e18198, #f29295, #ffa291, #ffb995, #ffce9c, #ffe0a2, #fff199, #f8fea5. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `ka_DFQ9CbFFKgyM-scUyK9GGUpxz7qEmg`
- Page: https://grabient.com/ka_DFQ9CbFFKgyM-scUyK9GGUpxz7qEmg?style=angularGradient&steps=32&angle=75
- Drawn as: angular gradient, 32 steps, 75 degrees
- Kinds: dark center, pastel, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 6.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 | `#fcffea` | `oklch(99.21% 0.0282 113.18)` | Gaslight | black, 20.6 to 1 |
| 2 | `#f6ffdc` | `oklch(98.46% 0.0464 118.37)` | Apple Martini | black, 20.2 to 1 |
| 3 | `#edffd3` | `oklch(97.58% 0.0601 125.36)` | Snowdrop | black, 19.8 to 1 |
| 4 | `#deffcb` | `oklch(96.35% 0.0762 133.90)` | Herbal Vapours | black, 19.2 to 1 |
| 5 | `#c5ffc3` | `oklch(94.52% 0.0997 143.75)` | Frosted Mint Hills | black, 18.4 to 1 |
| 6 | `#abfac5` | `oklch(91.88% 0.1057 154.63)` | Neo Mint | black, 17.1 to 1 |
| 7 | `#8eeec9` | `oklch(88.02% 0.1059 167.17)` | Nightly Aurora | black, 15.2 to 1 |
| 8 | `#73ddcc` | `oklch(82.91% 0.1017 182.06)` | Shimmering Blue | black, 12.9 to 1 |
| 9 | `#60c8cb` | `oklch(77.19% 0.0958 197.98)` | Paradise Sky | black, 10.5 to 1 |
| 10 | `#57b2c5` | `oklch(71.47% 0.0907 213.59)` | Aqua Verde | black, 8.5 to 1 |
| 11 | `#529ebe` | `oklch(66.40% 0.0890 227.52)` | Rushing Rapids | black, 7 to 1 |
| 12 | `#4d8fb9` | `oklch(62.24% 0.0929 238.73)` | Blueberry Festival | black, 5.9 to 1 |
| 13 | `#4680b4` | `oklch(58.26% 0.1019 247.88)` | Steel Blue | black, 4.9 to 1 |
| 14 | `#4172b1` | `oklch(54.67% 0.1134 255.84)` | Athens | white, 4.9 to 1 |
| 15 | `#4165af` | `oklch(51.74% 0.1248 263.43)` | Kakitsubata Blue | white, 5.6 to 1 |
| 16 | `#485aae` | `oklch(49.76% 0.1337 271.49)` | Chinese Bellflower | white, 6.2 to 1 |
| 17 | `#5453ac` | `oklch(48.98% 0.1379 280.62)` | Brandywine Raspberry | white, 6.5 to 1 |
| 18 | `#624fa9` | `oklch(49.34% 0.1386 290.15)` | Ultrapurple Merge | white, 6.5 to 1 |
| 19 | `#724fa7` | `oklch(50.62% 0.1370 299.95)` | Royal Lavender | white, 6.2 to 1 |
| 20 | `#8251a4` | `oklch(52.64% 0.1343 310.06)` | Royal Lilac | white, 5.7 to 1 |
| 21 | `#9456a1` | `oklch(55.19% 0.1312 320.52)` | Vicious Violet | white, 5.1 to 1 |
| 22 | `#a55c9d` | `oklch(58.13% 0.1288 331.37)` | Heath Spotted Orchid | black, 4.6 to 1 |
| 23 | `#b9659b` | `oklch(61.96% 0.1259 342.34)` | Spring Crocus | black, 5.3 to 1 |
| 24 | `#cd7299` | `oklch(66.50% 0.1226 353.58)` | Camellia Pink | black, 6.4 to 1 |
| 25 | `#e18198` | `oklch(71.32% 0.1193 5.32)` | Frosty Berry | black, 7.8 to 1 |
| 26 | `#f29295` | `oklch(76.02% 0.1163 17.83)` | Fruity Licious | black, 9.3 to 1 |
| 27 | `#ffa291` | `oklch(80.18% 0.1140 31.40)` | Tangerine Cream | black, 10.8 to 1 |
| 28 | `#ffb995` | `oklch(84.20% 0.0949 47.83)` | Cream Puff | black, 12.6 to 1 |
| 29 | `#ffce9c` | `oklch(88.19% 0.0848 66.30)` | Atoll Sand | black, 14.5 to 1 |
| 30 | `#ffe0a2` | `oklch(91.89% 0.0858 84.57)` | Midday Sun | black, 16.4 to 1 |
| 31 | `#fff199` | `oklch(95.00% 0.1100 100.36)` | Daisy Chain | black, 18.2 to 1 |
| 32 | `#f8fea5` | `oklch(97.24% 0.1102 111.44)` | Calamansi | black, 19.6 to 1 |

## CSS

```css
background: conic-gradient(from 75deg, #fcffea 0.0%, #f6ffdc 3.2%, #edffd3 6.5%, #deffcb 9.7%, #c5ffc3 12.9%, #abfac5 16.1%, #8eeec9 19.4%, #73ddcc 22.6%, #60c8cb 25.8%, #57b2c5 29.0%, #529ebe 32.3%, #4d8fb9 35.5%, #4680b4 38.7%, #4172b1 41.9%, #4165af 45.2%, #485aae 48.4%, #5453ac 51.6%, #624fa9 54.8%, #724fa7 58.1%, #8251a4 61.3%, #9456a1 64.5%, #a55c9d 67.7%, #b9659b 71.0%, #cd7299 74.2%, #e18198 77.4%, #f29295 80.6%, #ffa291 83.9%, #ffb995 87.1%, #ffce9c 90.3%, #ffe0a2 93.5%, #fff199 96.8%, #f8fea5 100.0%);
background: conic-gradient(from 75deg in oklch, oklch(99.21% 0.0282 113.18) 0.0%, oklch(98.46% 0.0464 118.37) 3.2%, oklch(97.58% 0.0601 125.36) 6.5%, oklch(96.35% 0.0762 133.90) 9.7%, oklch(94.52% 0.0997 143.75) 12.9%, oklch(91.88% 0.1057 154.63) 16.1%, oklch(88.02% 0.1059 167.17) 19.4%, oklch(82.91% 0.1017 182.06) 22.6%, oklch(77.19% 0.0958 197.98) 25.8%, oklch(71.47% 0.0907 213.59) 29.0%, oklch(66.40% 0.0890 227.52) 32.3%, oklch(62.24% 0.0929 238.73) 35.5%, oklch(58.26% 0.1019 247.88) 38.7%, oklch(54.67% 0.1134 255.84) 41.9%, oklch(51.74% 0.1248 263.43) 45.2%, oklch(49.76% 0.1337 271.49) 48.4%, oklch(48.98% 0.1379 280.62) 51.6%, oklch(49.34% 0.1386 290.15) 54.8%, oklch(50.62% 0.1370 299.95) 58.1%, oklch(52.64% 0.1343 310.06) 61.3%, oklch(55.19% 0.1312 320.52) 64.5%, oklch(58.13% 0.1288 331.37) 67.7%, oklch(61.96% 0.1259 342.34) 71.0%, oklch(66.50% 0.1226 353.58) 74.2%, oklch(71.32% 0.1193 5.32) 77.4%, oklch(76.02% 0.1163 17.83) 80.6%, oklch(80.18% 0.1140 31.40) 83.9%, oklch(84.20% 0.0949 47.83) 87.1%, oklch(88.19% 0.0848 66.30) 90.3%, oklch(91.89% 0.0858 84.57) 93.5%, oklch(95.00% 0.1100 100.36) 96.8%, oklch(97.24% 0.1102 111.44) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.992 | 0.068 | 113.2 |
| 2 | 0.913 | 0.106 | 156.5 |
| 3 | 0.65 | 0.09 | 231.6 |
| 4 | 0.492 | 0.136 | 275.9 |
| 5 | 0.571 | 0.13 | 327.7 |
| 6 | 0.795 | 0.114 | 389 |
| 7 | 0.972 | 0.11 | 471.4 |

## In these collections

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

## Other forms

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