# Duotone beige to pink linear gradient Duotone beige to pink linear gradient with 32 colors: #f8f3c7, #ffedc6, #ffe8d4, #ffe3da, #ffdcde, #ffd5e2, #fdcde4, #fcc2e4, #feb5e1, #ffa8dc, #ff9bd7, #ff8dd4, #ff7dce, #ff6bc6, #ff59bf, #ff46ba, #ff36ba, #ff29c0, #ff1fc9, #ff17d4, #ff0cdd, #ff00e2, #fe00e3, #fe00e2, #ff00df, #ff01dc, #ff04d8, #ff05d2, #ff05ca, #ff04c3, #ff01bc, #ff00b8. Edit it and copy or download CSS, SVG, PNG or shader code. - Seed: `ka8ylI85KzWY3PpX20BV2--lbswDU5sDg` - Page: https://grabient.com/ka8ylI85KzWY3PpX20BV2--lbswDU5sDg?steps=32 - Drawn as: linear gradient, 32 steps, 90 degrees - Kinds: vivid, neon, warm - Hues: analogous - Contrast of its darkest and lightest colors: 3.1 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 | `#f8f3c7` | `oklch(95.67% 0.0565 101.95)` | Corn Field | black, 18.6 to 1 | | 2 | `#ffedc6` | `oklch(95.14% 0.0542 86.58)` | Frosted Lemon | black, 18.2 to 1 | | 3 | `#ffe8d4` | `oklch(94.45% 0.0368 64.04)` | Macaroon Cream | black, 17.7 to 1 | | 4 | `#ffe3da` | `oklch(93.58% 0.0336 38.71)` | Peach Cloud | black, 17.2 to 1 | | 5 | `#ffdcde` | `oklch(92.50% 0.0384 14.99)` | Rose Tonic | black, 16.5 to 1 | | 6 | `#ffd5e2` | `oklch(91.19% 0.0496 357.28)` | Powder Pink | black, 15.8 to 1 | | 7 | `#fdcde4` | `oklch(89.57% 0.0612 347.79)` | Classic Rose | black, 15 to 1 | | 8 | `#fcc2e4` | `oklch(87.64% 0.0789 343.47)` | Sugarwinkle | black, 14 to 1 | | 9 | `#feb5e1` | `oklch(85.50% 0.1003 342.52)` | Hot Aquarelle Pink | black, 12.9 to 1 | | 10 | `#ffa8dc` | `oklch(83.26% 0.1202 343.19)` | Fresh Gum | black, 11.9 to 1 | | 11 | `#ff9bd7` | `oklch(81.03% 0.1384 343.74)` | Rose Daphne | black, 10.9 to 1 | | 12 | `#ff8dd4` | `oklch(78.80% 0.1593 343.39)` | Pink Delight | black, 10 to 1 | | 13 | `#ff7dce` | `oklch(76.30% 0.1815 344.04)` | Pout Pink | black, 9 to 1 | | 14 | `#ff6bc6` | `oklch(73.76% 0.2036 345.29)` | Nervous Neon Pink | black, 8.1 to 1 | | 15 | `#ff59bf` | `oklch(71.43% 0.2245 346.48)` | Eosin Pink | black, 7.4 to 1 | | 16 | `#ff46ba` | `oklch(69.57% 0.2429 346.98)` | Drunken Flamingo | black, 6.8 to 1 | | 17 | `#ff36ba` | `oklch(68.42% 0.2582 346.17)` | Spicy Pink | black, 6.4 to 1 | | 18 | `#ff29c0` | `oklch(67.98% 0.2711 344.06)` | CGA Pink | black, 6.3 to 1 | | 19 | `#ff1fc9` | `oklch(67.99% 0.2819 341.26)` | Pink Glamour | black, 6.2 to 1 | | 20 | `#ff17d4` | `oklch(68.24% 0.2915 338.39)` | Kind Magenta | black, 6.3 to 1 | | 21 | `#ff0cdd` | `oklch(68.47% 0.2999 336.08)` | Cupid’s Eye | black, 6.3 to 1 | | 22 | `#ff00e2` | `oklch(68.49% 0.3047 334.88)` | Bright Magenta | black, 6.3 to 1 | | 23 | `#fe00e3` | `oklch(68.44% 0.3050 334.56)` | Bright Magenta | black, 6.3 to 1 | | 24 | `#fe00e2` | `oklch(68.40% 0.3044 334.81)` | Bright Magenta | black, 6.3 to 1 | | 25 | `#ff00df` | `oklch(68.34% 0.3032 335.48)` | Bright Magenta | black, 6.3 to 1 | | 26 | `#ff01dc` | `oklch(68.24% 0.3013 336.40)` | Cupid’s Eye | black, 6.2 to 1 | | 27 | `#ff04d8` | `oklch(68.07% 0.2982 337.44)` | Cupid’s Eye | black, 6.2 to 1 | | 28 | `#ff05d2` | `oklch(67.80% 0.2947 338.90)` | Fuchsia Flame | black, 6.2 to 1 | | 29 | `#ff05ca` | `oklch(67.45% 0.2907 340.78)` | Hot Magenta | black, 6.1 to 1 | | 30 | `#ff04c3` | `oklch(67.08% 0.2870 342.76)` | CGA Pink | black, 6 to 1 | | 31 | `#ff01bc` | `oklch(66.76% 0.2841 344.51)` | Brutal Pink | black, 5.9 to 1 | | 32 | `#ff00b8` | `oklch(66.54% 0.2821 345.71)` | Bubblegum Bright | black, 5.9 to 1 | ## CSS ```css background: linear-gradient(90deg, #f8f3c7 0.0%, #ffedc6 3.2%, #ffe8d4 6.5%, #ffe3da 9.7%, #ffdcde 12.9%, #ffd5e2 16.1%, #fdcde4 19.4%, #fcc2e4 22.6%, #feb5e1 25.8%, #ffa8dc 29.0%, #ff9bd7 32.3%, #ff8dd4 35.5%, #ff7dce 38.7%, #ff6bc6 41.9%, #ff59bf 45.2%, #ff46ba 48.4%, #ff36ba 51.6%, #ff29c0 54.8%, #ff1fc9 58.1%, #ff17d4 61.3%, #ff0cdd 64.5%, #ff00e2 67.7%, #fe00e3 71.0%, #fe00e2 74.2%, #ff00df 77.4%, #ff01dc 80.6%, #ff04d8 83.9%, #ff05d2 87.1%, #ff05ca 90.3%, #ff04c3 93.5%, #ff01bc 96.8%, #ff00b8 100.0%); background: linear-gradient(90deg in oklch, oklch(95.67% 0.0565 101.95) 0.0%, oklch(95.14% 0.0542 86.58) 3.2%, oklch(94.45% 0.0368 64.04) 6.5%, oklch(93.58% 0.0336 38.71) 9.7%, oklch(92.50% 0.0384 14.99) 12.9%, oklch(91.19% 0.0496 357.28) 16.1%, oklch(89.57% 0.0612 347.79) 19.4%, oklch(87.64% 0.0789 343.47) 22.6%, oklch(85.50% 0.1003 342.52) 25.8%, oklch(83.26% 0.1202 343.19) 29.0%, oklch(81.03% 0.1384 343.74) 32.3%, oklch(78.80% 0.1593 343.39) 35.5%, oklch(76.30% 0.1815 344.04) 38.7%, oklch(73.76% 0.2036 345.29) 41.9%, oklch(71.43% 0.2245 346.48) 45.2%, oklch(69.57% 0.2429 346.98) 48.4%, oklch(68.42% 0.2582 346.17) 51.6%, oklch(67.98% 0.2711 344.06) 54.8%, oklch(67.99% 0.2819 341.26) 58.1%, oklch(68.24% 0.2915 338.39) 61.3%, oklch(68.47% 0.2999 336.08) 64.5%, oklch(68.49% 0.3047 334.88) 67.7%, oklch(68.44% 0.3050 334.56) 71.0%, oklch(68.40% 0.3044 334.81) 74.2%, oklch(68.34% 0.3032 335.48) 77.4%, oklch(68.24% 0.3013 336.40) 80.6%, oklch(68.07% 0.2982 337.44) 83.9%, oklch(67.80% 0.2947 338.90) 87.1%, oklch(67.45% 0.2907 340.78) 90.3%, oklch(67.08% 0.2870 342.76) 93.5%, oklch(66.76% 0.2841 344.51) 96.8%, oklch(66.54% 0.2821 345.71) 100.0%); ``` ## Keyframes 7 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.957 | 0.056 | 102 | | 2 | 0.909 | 0.051 | -4.8 | | 3 | 0.803 | 0.152 | -16.4 | | 4 | 0.689 | 0.251 | -13.2 | | 5 | 0.685 | 0.307 | -24.9 | | 6 | 0.681 | 0.299 | -22.7 | | 7 | 0.665 | 0.282 | -14.3 | ## In these collections - [Pink gradients](https://grabient.com/pink-gradients) - [Orchid colors](https://grabient.com/orchid-colors) ## Other forms - [JSON](https://grabient.com/ka8ylI85KzWY3PpX20BV2--lbswDU5sDg.json?steps=32) - [PNG](https://grabient.com/ka8ylI85KzWY3PpX20BV2--lbswDU5sDg.png?steps=32) - [SVG](https://grabient.com/ka8ylI85KzWY3PpX20BV2--lbswDU5sDg.svg?steps=32) - [CSS](https://grabient.com/ka8ylI85KzWY3PpX20BV2--lbswDU5sDg.css?steps=32) - [ASE](https://grabient.com/ka8ylI85KzWY3PpX20BV2--lbswDU5sDg.ase?steps=32) - [GPL](https://grabient.com/ka8ylI85KzWY3PpX20BV2--lbswDU5sDg.gpl?steps=32) - [GRD](https://grabient.com/ka8ylI85KzWY3PpX20BV2--lbswDU5sDg.grd?steps=32) - [Design tokens](https://grabient.com/ka8ylI85KzWY3PpX20BV2--lbswDU5sDg.tokens.json?steps=32) - [Social card](https://grabient.com/api/og?seed=ka8ylI85KzWY3PpX20BV2--lbswDU5sDg&steps=32) - [Palettes like this one](https://grabient.com/palettes?q=ka8ylI85KzWY3PpX20BV2--lbswDU5sDg) - [Guide for agents](https://grabient.com/llms.txt)