# Analogous white, pink and purple linear gradient

Analogous white, pink and purple linear gradient with 32 colors: #f7f3e7, #f5f0e3, #f4ecdd, #f3e7d7, #f1e2d0, #f0dbc9, #efd5c3, #eecebe, #edc7ba, #ebc0b7, #eabbb4, #e8b6b1, #e7b1af, #e7adab, #e7a9a8, #e6a6a4, #e6a2a0, #e59e9c, #e39a99, #e09595, #dc9093, #d68b91, #ce848f, #c37d8e, #b6768c, #a96f89, #9b6886, #8d6282, #805c7d, #755778, #6c5373, #66506f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kU9QxD6RS31uhvq7FLjA`
- Page: https://grabient.com/kU9QxD6RS31uhvq7FLjA?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light to dark, pastel, warm
- Hues: analogous
- 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 | `#f7f3e7` | `oklch(96.46% 0.0165 94.92)` | Rapture’s Light | black, 18.9 to 1 |
| 2 | `#f5f0e3` | `oklch(95.65% 0.0188 90.74)` | Trite White | black, 18.5 to 1 |
| 3 | `#f4ecdd` | `oklch(94.61% 0.0218 85.07)` | Modern Ivory | black, 17.9 to 1 |
| 4 | `#f3e7d7` | `oklch(93.37% 0.0253 78.26)` | Ballet White | black, 17.2 to 1 |
| 5 | `#f1e2d0` | `oklch(91.98% 0.0293 70.66)` | Coconut Cream Pie | black, 16.5 to 1 |
| 6 | `#f0dbc9` | `oklch(90.49% 0.0335 62.60)` | Castle in the Clouds | black, 15.7 to 1 |
| 7 | `#efd5c3` | `oklch(88.94% 0.0380 54.44)` | Melon Pink | black, 14.9 to 1 |
| 8 | `#eecebe` | `oklch(87.37% 0.0425 46.51)` | Peach Blossom Red | black, 14.1 to 1 |
| 9 | `#edc7ba` | `oklch(85.85% 0.0470 39.17)` | Baked Ham | black, 13.4 to 1 |
| 10 | `#ebc0b7` | `oklch(84.40% 0.0513 32.75)` | Rosewood Dreams | black, 12.8 to 1 |
| 11 | `#eabbb4` | `oklch(83.08% 0.0552 27.61)` | Pink Cashmere | black, 12.2 to 1 |
| 12 | `#e8b6b1` | `oklch(81.93% 0.0591 24.01)` | Pensive Pink | black, 11.7 to 1 |
| 13 | `#e7b1af` | `oklch(80.95% 0.0633 21.77)` | Chewing Gum | black, 11.3 to 1 |
| 14 | `#e7adab` | `oklch(80.08% 0.0678 20.60)` | Sweet Tart | black, 10.9 to 1 |
| 15 | `#e7a9a8` | `oklch(79.28% 0.0724 20.21)` | Perennial Phlox | black, 10.6 to 1 |
| 16 | `#e6a6a4` | `oklch(78.50% 0.0770 20.29)` | Faithful Rose | black, 10.3 to 1 |
| 17 | `#e6a2a0` | `oklch(77.69% 0.0812 20.56)` | Bussell Lace | black, 10 to 1 |
| 18 | `#e59e9c` | `oklch(76.80% 0.0851 20.72)` | Pale Berry | black, 9.7 to 1 |
| 19 | `#e39a99` | `oklch(75.78% 0.0883 20.48)` | Mexicali Rose | black, 9.3 to 1 |
| 20 | `#e09595` | `oklch(74.58% 0.0907 19.55)` | Dusty Cedar | black, 8.9 to 1 |
| 21 | `#dc9093` | `oklch(73.15% 0.0920 17.64)` | Pink Clay Pot | black, 8.4 to 1 |
| 22 | `#d68b91` | `oklch(71.43% 0.0922 14.44)` | Dusty Pink | black, 7.9 to 1 |
| 23 | `#ce848f` | `oklch(69.29% 0.0909 9.89)` | Rose Sachet | black, 7.3 to 1 |
| 24 | `#c37d8e` | `oklch(66.78% 0.0884 4.24)` | Japanese Coral | black, 6.6 to 1 |
| 25 | `#b6768c` | `oklch(64.00% 0.0848 357.79)` | Strawberry Surprise | black, 5.9 to 1 |
| 26 | `#a96f89` | `oklch(61.07% 0.0805 350.84)` | Mauve Orchid | black, 5.3 to 1 |
| 27 | `#9b6886` | `oklch(58.09% 0.0759 343.70)` | Garden Aroma | black, 4.7 to 1 |
| 28 | `#8d6282` | `oklch(55.19% 0.0710 336.65)` | Orchid Orchestra | white, 4.9 to 1 |
| 29 | `#805c7d` | `oklch(52.46% 0.0664 330.00)` | Trendy Pink | white, 5.5 to 1 |
| 30 | `#755778` | `oklch(50.03% 0.0623 324.05)` | Opulent Ostrich | white, 6.1 to 1 |
| 31 | `#6c5373` | `oklch(47.99% 0.0589 319.09)` | Basil Mauve | white, 6.7 to 1 |
| 32 | `#66506f` | `oklch(46.46% 0.0565 315.43)` | Blackberry Farm | white, 7.1 to 1 |

## CSS

```css
background: linear-gradient(45deg, #f7f3e7 0.0%, #f5f0e3 3.2%, #f4ecdd 6.5%, #f3e7d7 9.7%, #f1e2d0 12.9%, #f0dbc9 16.1%, #efd5c3 19.4%, #eecebe 22.6%, #edc7ba 25.8%, #ebc0b7 29.0%, #eabbb4 32.3%, #e8b6b1 35.5%, #e7b1af 38.7%, #e7adab 41.9%, #e7a9a8 45.2%, #e6a6a4 48.4%, #e6a2a0 51.6%, #e59e9c 54.8%, #e39a99 58.1%, #e09595 61.3%, #dc9093 64.5%, #d68b91 67.7%, #ce848f 71.0%, #c37d8e 74.2%, #b6768c 77.4%, #a96f89 80.6%, #9b6886 83.9%, #8d6282 87.1%, #805c7d 90.3%, #755778 93.5%, #6c5373 96.8%, #66506f 100.0%);
background: linear-gradient(45deg in oklch, oklch(96.46% 0.0165 94.92) 0.0%, oklch(95.65% 0.0188 90.74) 3.2%, oklch(94.61% 0.0218 85.07) 6.5%, oklch(93.37% 0.0253 78.26) 9.7%, oklch(91.98% 0.0293 70.66) 12.9%, oklch(90.49% 0.0335 62.60) 16.1%, oklch(88.94% 0.0380 54.44) 19.4%, oklch(87.37% 0.0425 46.51) 22.6%, oklch(85.85% 0.0470 39.17) 25.8%, oklch(84.40% 0.0513 32.75) 29.0%, oklch(83.08% 0.0552 27.61) 32.3%, oklch(81.93% 0.0591 24.01) 35.5%, oklch(80.95% 0.0633 21.77) 38.7%, oklch(80.08% 0.0678 20.60) 41.9%, oklch(79.28% 0.0724 20.21) 45.2%, oklch(78.50% 0.0770 20.29) 48.4%, oklch(77.69% 0.0812 20.56) 51.6%, oklch(76.80% 0.0851 20.72) 54.8%, oklch(75.78% 0.0883 20.48) 58.1%, oklch(74.58% 0.0907 19.55) 61.3%, oklch(73.15% 0.0920 17.64) 64.5%, oklch(71.43% 0.0922 14.44) 67.7%, oklch(69.29% 0.0909 9.89) 71.0%, oklch(66.78% 0.0884 4.24) 74.2%, oklch(64.00% 0.0848 357.79) 77.4%, oklch(61.07% 0.0805 350.84) 80.6%, oklch(58.09% 0.0759 343.70) 83.9%, oklch(55.19% 0.0710 336.65) 87.1%, oklch(52.46% 0.0664 330.00) 90.3%, oklch(50.03% 0.0623 324.05) 93.5%, oklch(47.99% 0.0589 319.09) 96.8%, oklch(46.46% 0.0565 315.43) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.965 | 0.017 | 94.9 |
| 2 | 0.827 | 0.056 | 26.2 |
| 3 | 0.72 | 0.092 | 15.7 |
| 4 | 0.465 | 0.056 | -44.6 |

## In these collections

- [Magnolia rain morning](https://grabient.com/magnolia-rain-morning)

## Other forms

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