# Champagne cream plum diagonal

Brown, beige, pink and dark purple linear gradient with 80 colors: #b28b48, #b48d4a, #b58f4c, #b7914e, #b99450, #bb9753, #be9a56, #c09d59, #c3a05c, #c5a35f, #c8a763, #cbaa66, #ceae6a, #d0b26e, #d3b571, #d6b875, #d8bc79, #dbbf7d, #ddc280, #dfc484, #e1c787, #e3c98b, #e5cc90, #e6cf94, #e8d299, #ead59f, #ecd8a4, #eedba9, #f0deaf, #f1e1b4, #f3e3b9, #f4e5bd, #f6e7c2, #f7e9c6, #f7eac9, #f8ebcc, #f8ebce, #f8ebcf, #f7ead0, #f6e8cf, #f5e6ce, #f3e2cc, #f0dec8, #eedac4, #ead4c0, #e7cebb, #e3c8b6, #dfc1b1, #dabaab, #d5b2a6, #d0aba1, #cba39d, #c59c98, #bf9594, #b98e91, #b3878d, #ad818a, #a77b87, #a27685, #9c7182, #976d80, #92697d, #8d657b, #886178, #835d75, #7e5972, #79566f, #74526c, #6f4f69, #6b4c66, #674963, #634661, #5f435e, #5b405b, #583e59, #553b56, #523954, #4f3752, #4d3650, #4b344f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Brown, beige, pink and dark purple linear gradient
- Seed: `kWqEc46h_A_aNPxLlbWLhO8I`
- Page: https://grabient.com/kWqEc46h_A_aNPxLlbWLhO8I?steps=80&angle=120
- Drawn as: linear gradient, 80 steps, 120 degrees
- Kinds: light center, pastel, warm
- Hues: two-hue
- Contrast of its darkest and lightest colors: 9.3 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 | `#b28b48` | `oklch(66.14% 0.0978 79.45)` | Honey Mustard | black, 6.7 to 1 |
| 2 | `#b48d4a` | `oklch(66.63% 0.0976 79.71)` | Yellow Acorn | black, 6.8 to 1 |
| 3 | `#b58f4c` | `oklch(67.22% 0.0974 80.04)` | Yellow Acorn | black, 7 to 1 |
| 4 | `#b7914e` | `oklch(67.90% 0.0972 80.43)` | Bugle Boy | black, 7.1 to 1 |
| 5 | `#b99450` | `oklch(68.66% 0.0970 80.88)` | Maple Syrup | black, 7.4 to 1 |
| 6 | `#bb9753` | `oklch(69.48% 0.0968 81.38)` | Base Sand | black, 7.6 to 1 |
| 7 | `#be9a56` | `oklch(70.37% 0.0966 81.91)` | Base Sand | black, 7.9 to 1 |
| 8 | `#c09d59` | `oklch(71.31% 0.0964 82.47)` | Steampunk Gold | black, 8.1 to 1 |
| 9 | `#c3a05c` | `oklch(72.28% 0.0961 83.05)` | Camel | black, 8.5 to 1 |
| 10 | `#c5a35f` | `oklch(73.29% 0.0958 83.63)` | Magic Lamp | black, 8.8 to 1 |
| 11 | `#c8a763` | `oklch(74.32% 0.0955 84.22)` | Wild Mustard Seed | black, 9.1 to 1 |
| 12 | `#cbaa66` | `oklch(75.36% 0.0950 84.79)` | Ginger Crunch | black, 9.5 to 1 |
| 13 | `#ceae6a` | `oklch(76.40% 0.0945 85.34)` | Putty | black, 9.8 to 1 |
| 14 | `#d0b26e` | `oklch(77.43% 0.0940 85.87)` | Tan | black, 10.2 to 1 |
| 15 | `#d3b571` | `oklch(78.45% 0.0933 86.35)` | Golden Pagoda | black, 10.6 to 1 |
| 16 | `#d6b875` | `oklch(79.44% 0.0925 86.79)` | Sinking Sand | black, 10.9 to 1 |
| 17 | `#d8bc79` | `oklch(80.39% 0.0916 87.17)` | Jojoba | black, 11.3 to 1 |
| 18 | `#dbbf7d` | `oklch(81.29% 0.0905 87.48)` | Jojoba | black, 11.7 to 1 |
| 19 | `#ddc280` | `oklch(82.14% 0.0893 87.71)` | Chalky | black, 12 to 1 |
| 20 | `#dfc484` | `oklch(82.93% 0.0879 87.86)` | 24 Karat | black, 12.3 to 1 |
| 21 | `#e1c787` | `oklch(83.64% 0.0864 87.92)` | 24 Karat | black, 12.6 to 1 |
| 22 | `#e3c98b` | `oklch(84.38% 0.0846 88.03)` | Beachcombing | black, 13 to 1 |
| 23 | `#e5cc90` | `oklch(85.17% 0.0824 88.24)` | Lol Yellow | black, 13.3 to 1 |
| 24 | `#e6cf94` | `oklch(86.01% 0.0799 88.51)` | Garden Picket | black, 13.7 to 1 |
| 25 | `#e8d299` | `oklch(86.87% 0.0771 88.83)` | Desert Wind | black, 14.1 to 1 |
| 26 | `#ead59f` | `oklch(87.75% 0.0742 89.16)` | Hampton | black, 14.5 to 1 |
| 27 | `#ecd8a4` | `oklch(88.63% 0.0711 89.49)` | Subtle Glow | black, 14.9 to 1 |
| 28 | `#eedba9` | `oklch(89.49% 0.0679 89.78)` | Tortilla | black, 15.3 to 1 |
| 29 | `#f0deaf` | `oklch(90.33% 0.0646 90.02)` | Honey and Cream | black, 15.7 to 1 |
| 30 | `#f1e1b4` | `oklch(91.12% 0.0612 90.17)` | Bone White | black, 16.1 to 1 |
| 31 | `#f3e3b9` | `oklch(91.85% 0.0579 90.22)` | Pearl Yellow | black, 16.5 to 1 |
| 32 | `#f4e5bd` | `oklch(92.52% 0.0547 90.14)` | Creamy Vanilla | black, 16.8 to 1 |
| 33 | `#f6e7c2` | `oklch(93.10% 0.0515 89.89)` | Pipitschah | black, 17.1 to 1 |
| 34 | `#f7e9c6` | `oklch(93.58% 0.0485 89.47)` | Foundation | black, 17.4 to 1 |
| 35 | `#f7eac9` | `oklch(93.94% 0.0457 88.84)` | Gin Fizz | black, 17.5 to 1 |
| 36 | `#f8ebcc` | `oklch(94.18% 0.0432 87.97)` | Pappardelle Noodle | black, 17.7 to 1 |
| 37 | `#f8ebce` | `oklch(94.28% 0.0409 86.84)` | Pappardelle Noodle | black, 17.7 to 1 |
| 38 | `#f8ebcf` | `oklch(94.22% 0.0390 85.43)` | Misty Mustard | black, 17.7 to 1 |
| 39 | `#f7ead0` | `oklch(94.00% 0.0374 83.72)` | Soft Candlelight | black, 17.5 to 1 |
| 40 | `#f6e8cf` | `oklch(93.59% 0.0362 81.67)` | Tailwind | black, 17.3 to 1 |
| 41 | `#f5e6ce` | `oklch(92.97% 0.0355 79.24)` | Animal Cracker | black, 17 to 1 |
| 42 | `#f3e2cc` | `oklch(92.12% 0.0353 76.30)` | Pebble Cream | black, 16.5 to 1 |
| 43 | `#f0dec8` | `oklch(91.06% 0.0354 72.89)` | Silk Teddy | black, 16 to 1 |
| 44 | `#eedac4` | `oklch(89.79% 0.0359 69.06)` | Figure Stone | black, 15.4 to 1 |
| 45 | `#ead4c0` | `oklch(88.35% 0.0367 64.86)` | Mother of Pearl | black, 14.7 to 1 |
| 46 | `#e7cebb` | `oklch(86.75% 0.0378 60.34)` | Tanglewood Park | black, 13.9 to 1 |
| 47 | `#e3c8b6` | `oklch(85.01% 0.0391 55.56)` | Ellen | black, 13.1 to 1 |
| 48 | `#dfc1b1` | `oklch(83.17% 0.0406 50.56)` | Cinnamon Tea | black, 12.3 to 1 |
| 49 | `#dabaab` | `oklch(81.23% 0.0422 45.41)` | Pickled Pork | black, 11.5 to 1 |
| 50 | `#d5b2a6` | `oklch(79.21% 0.0440 40.16)` | Sandpaper | black, 10.7 to 1 |
| 51 | `#d0aba1` | `oklch(77.15% 0.0459 34.85)` | Rose Smoke | black, 10 to 1 |
| 52 | `#cba39d` | `oklch(75.06% 0.0477 29.55)` | Rose Potpourri | black, 9.2 to 1 |
| 53 | `#c59c98` | `oklch(72.96% 0.0496 24.30)` | Pepperberry | black, 8.5 to 1 |
| 54 | `#bf9594` | `oklch(70.87% 0.0514 19.16)` | Mutabilis | black, 7.9 to 1 |
| 55 | `#b98e91` | `oklch(68.82% 0.0532 14.19)` | Rose Brown | black, 7.3 to 1 |
| 56 | `#b3878d` | `oklch(66.82% 0.0548 9.42)` | Lime Pink | black, 6.7 to 1 |
| 57 | `#ad818a` | `oklch(64.90% 0.0562 4.92)` | Audrey’s Blush | black, 6.2 to 1 |
| 58 | `#a77b87` | `oklch(63.08% 0.0574 0.75)` | Silken Raspberry | black, 5.8 to 1 |
| 59 | `#a27685` | `oklch(61.38% 0.0584 356.95)` | Dusky Orchid | black, 5.4 to 1 |
| 60 | `#9c7182` | `oklch(59.82% 0.0591 353.57)` | Meadow Flower | black, 5.1 to 1 |
| 61 | `#976d80` | `oklch(58.36% 0.0595 350.59)` | Strikemaster | black, 4.8 to 1 |
| 62 | `#92697d` | `oklch(56.92% 0.0598 347.82)` | Corundum Red | white, 4.6 to 1 |
| 63 | `#8d657b` | `oklch(55.47% 0.0599 345.23)` | Sweet Violet | white, 4.9 to 1 |
| 64 | `#886178` | `oklch(54.04% 0.0599 342.83)` | Victorian Plum | white, 5.2 to 1 |
| 65 | `#835d75` | `oklch(52.61% 0.0598 340.59)` | Purple Gumdrop | white, 5.5 to 1 |
| 66 | `#7e5972` | `oklch(51.21% 0.0596 338.52)` | Euphoric Magenta | white, 5.8 to 1 |
| 67 | `#79566f` | `oklch(49.83% 0.0593 336.60)` | Exotic Orchid | white, 6.2 to 1 |
| 68 | `#74526c` | `oklch(48.48% 0.0589 334.82)` | Berry Conserve | white, 6.6 to 1 |
| 69 | `#6f4f69` | `oklch(47.16% 0.0585 333.17)` | Hibernation | white, 6.9 to 1 |
| 70 | `#6b4c66` | `oklch(45.88% 0.0580 331.65)` | Bunchberry | white, 7.3 to 1 |
| 71 | `#674963` | `oklch(44.64% 0.0575 330.24)` | Bunchberry | white, 7.7 to 1 |
| 72 | `#634661` | `oklch(43.45% 0.0570 328.93)` | Plum Rich | white, 8.1 to 1 |
| 73 | `#5f435e` | `oklch(42.31% 0.0565 327.72)` | Hortensia | white, 8.5 to 1 |
| 74 | `#5b405b` | `oklch(41.23% 0.0559 326.59)` | Dreamy Heaven | white, 8.9 to 1 |
| 75 | `#583e59` | `oklch(40.21% 0.0554 325.54)` | Bella | white, 9.3 to 1 |
| 76 | `#553b56` | `oklch(39.26% 0.0550 324.56)` | Velvet Plum | white, 9.7 to 1 |
| 77 | `#523954` | `oklch(38.38% 0.0546 323.63)` | Dark Blackberry | white, 10.1 to 1 |
| 78 | `#4f3752` | `oklch(37.57% 0.0542 322.75)` | Chive Bloom | white, 10.4 to 1 |
| 79 | `#4d3650` | `oklch(36.85% 0.0539 321.91)` | Chive Bloom | white, 10.7 to 1 |
| 80 | `#4b344f` | `oklch(36.22% 0.0537 321.10)` | Oregon Grape | white, 11 to 1 |

## CSS

```css
background: linear-gradient(120deg, #b28b48 0.0%, #b48d4a 1.3%, #b58f4c 2.5%, #b7914e 3.8%, #b99450 5.1%, #bb9753 6.3%, #be9a56 7.6%, #c09d59 8.9%, #c3a05c 10.1%, #c5a35f 11.4%, #c8a763 12.7%, #cbaa66 13.9%, #ceae6a 15.2%, #d0b26e 16.5%, #d3b571 17.7%, #d6b875 19.0%, #d8bc79 20.3%, #dbbf7d 21.5%, #ddc280 22.8%, #dfc484 24.1%, #e1c787 25.3%, #e3c98b 26.6%, #e5cc90 27.8%, #e6cf94 29.1%, #e8d299 30.4%, #ead59f 31.6%, #ecd8a4 32.9%, #eedba9 34.2%, #f0deaf 35.4%, #f1e1b4 36.7%, #f3e3b9 38.0%, #f4e5bd 39.2%, #f6e7c2 40.5%, #f7e9c6 41.8%, #f7eac9 43.0%, #f8ebcc 44.3%, #f8ebce 45.6%, #f8ebcf 46.8%, #f7ead0 48.1%, #f6e8cf 49.4%, #f5e6ce 50.6%, #f3e2cc 51.9%, #f0dec8 53.2%, #eedac4 54.4%, #ead4c0 55.7%, #e7cebb 57.0%, #e3c8b6 58.2%, #dfc1b1 59.5%, #dabaab 60.8%, #d5b2a6 62.0%, #d0aba1 63.3%, #cba39d 64.6%, #c59c98 65.8%, #bf9594 67.1%, #b98e91 68.4%, #b3878d 69.6%, #ad818a 70.9%, #a77b87 72.2%, #a27685 73.4%, #9c7182 74.7%, #976d80 75.9%, #92697d 77.2%, #8d657b 78.5%, #886178 79.7%, #835d75 81.0%, #7e5972 82.3%, #79566f 83.5%, #74526c 84.8%, #6f4f69 86.1%, #6b4c66 87.3%, #674963 88.6%, #634661 89.9%, #5f435e 91.1%, #5b405b 92.4%, #583e59 93.7%, #553b56 94.9%, #523954 96.2%, #4f3752 97.5%, #4d3650 98.7%, #4b344f 100.0%);
background: linear-gradient(120deg in oklch, oklch(66.14% 0.0978 79.45) 0.0%, oklch(66.63% 0.0976 79.71) 1.3%, oklch(67.22% 0.0974 80.04) 2.5%, oklch(67.90% 0.0972 80.43) 3.8%, oklch(68.66% 0.0970 80.88) 5.1%, oklch(69.48% 0.0968 81.38) 6.3%, oklch(70.37% 0.0966 81.91) 7.6%, oklch(71.31% 0.0964 82.47) 8.9%, oklch(72.28% 0.0961 83.05) 10.1%, oklch(73.29% 0.0958 83.63) 11.4%, oklch(74.32% 0.0955 84.22) 12.7%, oklch(75.36% 0.0950 84.79) 13.9%, oklch(76.40% 0.0945 85.34) 15.2%, oklch(77.43% 0.0940 85.87) 16.5%, oklch(78.45% 0.0933 86.35) 17.7%, oklch(79.44% 0.0925 86.79) 19.0%, oklch(80.39% 0.0916 87.17) 20.3%, oklch(81.29% 0.0905 87.48) 21.5%, oklch(82.14% 0.0893 87.71) 22.8%, oklch(82.93% 0.0879 87.86) 24.1%, oklch(83.64% 0.0864 87.92) 25.3%, oklch(84.38% 0.0846 88.03) 26.6%, oklch(85.17% 0.0824 88.24) 27.8%, oklch(86.01% 0.0799 88.51) 29.1%, oklch(86.87% 0.0771 88.83) 30.4%, oklch(87.75% 0.0742 89.16) 31.6%, oklch(88.63% 0.0711 89.49) 32.9%, oklch(89.49% 0.0679 89.78) 34.2%, oklch(90.33% 0.0646 90.02) 35.4%, oklch(91.12% 0.0612 90.17) 36.7%, oklch(91.85% 0.0579 90.22) 38.0%, oklch(92.52% 0.0547 90.14) 39.2%, oklch(93.10% 0.0515 89.89) 40.5%, oklch(93.58% 0.0485 89.47) 41.8%, oklch(93.94% 0.0457 88.84) 43.0%, oklch(94.18% 0.0432 87.97) 44.3%, oklch(94.28% 0.0409 86.84) 45.6%, oklch(94.22% 0.0390 85.43) 46.8%, oklch(94.00% 0.0374 83.72) 48.1%, oklch(93.59% 0.0362 81.67) 49.4%, oklch(92.97% 0.0355 79.24) 50.6%, oklch(92.12% 0.0353 76.30) 51.9%, oklch(91.06% 0.0354 72.89) 53.2%, oklch(89.79% 0.0359 69.06) 54.4%, oklch(88.35% 0.0367 64.86) 55.7%, oklch(86.75% 0.0378 60.34) 57.0%, oklch(85.01% 0.0391 55.56) 58.2%, oklch(83.17% 0.0406 50.56) 59.5%, oklch(81.23% 0.0422 45.41) 60.8%, oklch(79.21% 0.0440 40.16) 62.0%, oklch(77.15% 0.0459 34.85) 63.3%, oklch(75.06% 0.0477 29.55) 64.6%, oklch(72.96% 0.0496 24.30) 65.8%, oklch(70.87% 0.0514 19.16) 67.1%, oklch(68.82% 0.0532 14.19) 68.4%, oklch(66.82% 0.0548 9.42) 69.6%, oklch(64.90% 0.0562 4.92) 70.9%, oklch(63.08% 0.0574 0.75) 72.2%, oklch(61.38% 0.0584 356.95) 73.4%, oklch(59.82% 0.0591 353.57) 74.7%, oklch(58.36% 0.0595 350.59) 75.9%, oklch(56.92% 0.0598 347.82) 77.2%, oklch(55.47% 0.0599 345.23) 78.5%, oklch(54.04% 0.0599 342.83) 79.7%, oklch(52.61% 0.0598 340.59) 81.0%, oklch(51.21% 0.0596 338.52) 82.3%, oklch(49.83% 0.0593 336.60) 83.5%, oklch(48.48% 0.0589 334.82) 84.8%, oklch(47.16% 0.0585 333.17) 86.1%, oklch(45.88% 0.0580 331.65) 87.3%, oklch(44.64% 0.0575 330.24) 88.6%, oklch(43.45% 0.0570 328.93) 89.9%, oklch(42.31% 0.0565 327.72) 91.1%, oklch(41.23% 0.0559 326.59) 92.4%, oklch(40.21% 0.0554 325.54) 93.7%, oklch(39.26% 0.0550 324.56) 94.9%, oklch(38.38% 0.0546 323.63) 96.2%, oklch(37.57% 0.0542 322.75) 97.5%, oklch(36.85% 0.0539 321.91) 98.7%, oklch(36.22% 0.0537 321.10) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.661 | 0.098 | 79.5 |
| 2 | 0.835 | 0.087 | 87.9 |
| 3 | 0.933 | 0.036 | 80.5 |
| 4 | 0.594 | 0.059 | -7.2 |
| 5 | 0.362 | 0.054 | -38.9 |

## In these collections

- [Champagne silk reception](https://grabient.com/champagne-silk-reception)

## Other forms

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