# Pewter fig cream rings

Gray, purple, navy and brown linear gradient with 64 colors: #f3e9d2, #ebe4cc, #dfdec6, #d1d5be, #c2ccb7, #b2c1b0, #a3b6a8, #94aaa2, #879f9b, #7c9494, #73898e, #6d8089, #687985, #667382, #666f80, #686c80, #6c6a80, #726980, #786980, #7f697e, #86697c, #8b6979, #906a76, #936972, #94686e, #93656a, #916166, #8b5a63, #845361, #7a4b60, #6e4360, #613b60, #523560, #43305e, #352b5b, #292858, #1f2655, #192453, #192452, #1e2554, #282857, #332c5b, #41315e, #503761, #603f62, #6f4763, #7c5163, #885b64, #916564, #986e66, #9c7667, #9f7c69, #a0826a, #a0866b, #9f8a6c, #9d8e6d, #9b916e, #989370, #959571, #929773, #8f9975, #8c9a78, #899b7a, #889d7c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Gray, purple, navy and brown linear gradient
- Seed: `kY7hg-xopSsaWTujnzOzRNQFUTSm`
- Page: https://grabient.com/kY7hg-xopSsaWTujnzOzRNQFUTSm?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: dark center, muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 12.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 | `#f3e9d2` | `oklch(93.70% 0.0331 87.89)` | White Fence | black, 17.4 to 1 |
| 2 | `#ebe4cc` | `oklch(91.84% 0.0327 95.23)` | Hidden Diary | black, 16.5 to 1 |
| 3 | `#dfdec6` | `oklch(89.38% 0.0321 104.48)` | Sip of Mint | black, 15.3 to 1 |
| 4 | `#d1d5be` | `oklch(86.42% 0.0313 115.36)` | Green Frost | black, 13.9 to 1 |
| 5 | `#c2ccb7` | `oklch(83.09% 0.0304 127.58)` | Mellow Spring | black, 12.5 to 1 |
| 6 | `#b2c1b0` | `oklch(79.49% 0.0294 140.86)` | Rainee | black, 11.1 to 1 |
| 7 | `#a3b6a8` | `oklch(75.74% 0.0285 154.90)` | Thrush Egg | black, 9.8 to 1 |
| 8 | `#94aaa2` | `oklch(71.96% 0.0277 169.43)` | Melville | black, 8.5 to 1 |
| 9 | `#879f9b` | `oklch(68.26% 0.0270 184.16)` | Meek Moss Green | black, 7.4 to 1 |
| 10 | `#7c9494` | `oklch(64.75% 0.0265 198.80)` | Classic Damask | black, 6.5 to 1 |
| 11 | `#73898e` | `oklch(61.56% 0.0263 213.08)` | Twilight Stroll | black, 5.7 to 1 |
| 12 | `#6d8089` | `oklch(58.78% 0.0264 226.69)` | Atlantic Shoreline | black, 5.1 to 1 |
| 13 | `#687985` | `oklch(56.55% 0.0270 239.37)` | Metal Grey | black, 4.6 to 1 |
| 14 | `#667382` | `oklch(54.96% 0.0280 251.01)` | Flintstone | white, 4.8 to 1 |
| 15 | `#666f80` | `oklch(53.99% 0.0296 263.15)` | Shutter Blue | white, 5 to 1 |
| 16 | `#686c80` | `oklch(53.53% 0.0316 275.92)` | Nostalgic | white, 5.1 to 1 |
| 17 | `#6c6a80` | `oklch(53.50% 0.0339 289.03)` | Great Grape | white, 5.2 to 1 |
| 18 | `#726980` | `oklch(53.78% 0.0366 302.17)` | Purple Sage | white, 5.1 to 1 |
| 19 | `#786980` | `oklch(54.29% 0.0395 315.06)` | Fujinezumi | white, 5 to 1 |
| 20 | `#7f697e` | `oklch(54.91% 0.0425 327.39)` | Purplish Grey | white, 4.9 to 1 |
| 21 | `#86697c` | `oklch(55.56% 0.0456 338.86)` | Port Wine Stain | white, 4.8 to 1 |
| 22 | `#8b6979` | `oklch(56.14% 0.0488 349.18)` | Plum Dandy | white, 4.7 to 1 |
| 23 | `#906a76` | `oklch(56.54% 0.0519 358.05)` | Full Glass | white, 4.6 to 1 |
| 24 | `#936972` | `oklch(56.67% 0.0549 5.17)` | Full Glass | white, 4.6 to 1 |
| 25 | `#94686e` | `oklch(56.43% 0.0576 10.25)` | San Francisco Mauve | white, 4.7 to 1 |
| 26 | `#93656a` | `oklch(55.72% 0.0602 12.98)` | Roseland | white, 4.8 to 1 |
| 27 | `#916166` | `oklch(54.42% 0.0625 12.60)` | Velveteen Crush | white, 5.1 to 1 |
| 28 | `#8b5a63` | `oklch(52.49% 0.0651 8.41)` | Rose Garland | white, 5.5 to 1 |
| 29 | `#845361` | `oklch(50.08% 0.0678 1.08)` | Renaissance Rose | white, 6.2 to 1 |
| 30 | `#7a4b60` | `oklch(47.31% 0.0706 351.31)` | Red Endive | white, 7 to 1 |
| 31 | `#6e4360` | `oklch(44.32% 0.0733 339.80)` | Wizard Time | white, 7.9 to 1 |
| 32 | `#613b60` | `oklch(41.23% 0.0759 327.27)` | Purple Odyssey | white, 9 to 1 |
| 33 | `#523560` | `oklch(38.18% 0.0784 314.41)` | Royal Crown | white, 10.3 to 1 |
| 34 | `#43305e` | `oklch(35.29% 0.0806 301.94)` | Jakarta Skyline | white, 11.5 to 1 |
| 35 | `#352b5b` | `oklch(32.71% 0.0825 290.56)` | Purple Noir | white, 12.6 to 1 |
| 36 | `#292858` | `oklch(30.56% 0.0840 280.97)` | Ceremonial Purple | white, 13.6 to 1 |
| 37 | `#1f2655` | `oklch(28.97% 0.0850 273.87)` | Spacescape | white, 14.3 to 1 |
| 38 | `#192453` | `oklch(28.08% 0.0855 269.98)` | Dark Soul | white, 14.7 to 1 |
| 39 | `#192452` | `oklch(28.01% 0.0853 269.98)` | Dark Soul | white, 14.8 to 1 |
| 40 | `#1e2554` | `oklch(28.83% 0.0844 273.48)` | Spacescape | white, 14.4 to 1 |
| 41 | `#282857` | `oklch(30.41% 0.0827 279.78)` | Ceremonial Purple | white, 13.7 to 1 |
| 42 | `#332c5b` | `oklch(32.63% 0.0803 288.46)` | Purple Noir | white, 12.6 to 1 |
| 43 | `#41315e` | `oklch(35.36% 0.0775 299.08)` | Jakarta Skyline | white, 11.4 to 1 |
| 44 | `#503761` | `oklch(38.47% 0.0742 311.22)` | Royal Crown | white, 10.1 to 1 |
| 45 | `#603f62` | `oklch(41.83% 0.0708 324.43)` | Purple Odyssey | white, 8.8 to 1 |
| 46 | `#6f4763` | `oklch(45.31% 0.0673 338.29)` | Wizard Time | white, 7.6 to 1 |
| 47 | `#7c5163` | `oklch(48.78% 0.0638 352.37)` | Grey Carmine | white, 6.5 to 1 |
| 48 | `#885b64` | `oklch(52.11% 0.0604 6.23)` | Rose Garland | white, 5.6 to 1 |
| 49 | `#916564` | `oklch(55.17% 0.0574 19.45)` | Roseland | white, 4.9 to 1 |
| 50 | `#986e66` | `oklch(57.83% 0.0549 31.60)` | Reddened Earth | black, 4.7 to 1 |
| 51 | `#9c7667` | `oklch(59.96% 0.0529 42.24)` | Beaver Fur | black, 5.2 to 1 |
| 52 | `#9f7c69` | `oklch(61.51% 0.0516 51.32)` | Woodhaven | black, 5.5 to 1 |
| 53 | `#a0826a` | `oklch(62.75% 0.0508 60.17)` | Yardbird | black, 5.8 to 1 |
| 54 | `#a0866b` | `oklch(63.75% 0.0502 68.88)` | Toscana | black, 6.1 to 1 |
| 55 | `#9f8a6c` | `oklch(64.54% 0.0500 77.39)` | Nut | black, 6.3 to 1 |
| 56 | `#9d8e6d` | `oklch(65.14% 0.0499 85.64)` | Manzanilla Olive | black, 6.5 to 1 |
| 57 | `#9b916e` | `oklch(65.58% 0.0501 93.56)` | Grey-Headed Woodpecker Green | black, 6.6 to 1 |
| 58 | `#989370` | `oklch(65.91% 0.0504 101.09)` | Gurkha | black, 6.7 to 1 |
| 59 | `#959571` | `oklch(66.14% 0.0508 108.18)` | Silk Road | black, 6.8 to 1 |
| 60 | `#929773` | `oklch(66.30% 0.0512 114.76)` | Silk Road | black, 6.9 to 1 |
| 61 | `#8f9975` | `oklch(66.43% 0.0516 120.77)` | Sweet Florence | black, 6.9 to 1 |
| 62 | `#8c9a78` | `oklch(66.56% 0.0520 126.14)` | Sweet Florence | black, 7 to 1 |
| 63 | `#899b7a` | `oklch(66.72% 0.0523 130.82)` | Sweet Florence | black, 7 to 1 |
| 64 | `#889d7c` | `oklch(66.93% 0.0524 134.74)` | Sweet Florence | black, 7.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #f3e9d2 0.0%, #ebe4cc 1.6%, #dfdec6 3.2%, #d1d5be 4.8%, #c2ccb7 6.3%, #b2c1b0 7.9%, #a3b6a8 9.5%, #94aaa2 11.1%, #879f9b 12.7%, #7c9494 14.3%, #73898e 15.9%, #6d8089 17.5%, #687985 19.0%, #667382 20.6%, #666f80 22.2%, #686c80 23.8%, #6c6a80 25.4%, #726980 27.0%, #786980 28.6%, #7f697e 30.2%, #86697c 31.7%, #8b6979 33.3%, #906a76 34.9%, #936972 36.5%, #94686e 38.1%, #93656a 39.7%, #916166 41.3%, #8b5a63 42.9%, #845361 44.4%, #7a4b60 46.0%, #6e4360 47.6%, #613b60 49.2%, #523560 50.8%, #43305e 52.4%, #352b5b 54.0%, #292858 55.6%, #1f2655 57.1%, #192453 58.7%, #192452 60.3%, #1e2554 61.9%, #282857 63.5%, #332c5b 65.1%, #41315e 66.7%, #503761 68.3%, #603f62 69.8%, #6f4763 71.4%, #7c5163 73.0%, #885b64 74.6%, #916564 76.2%, #986e66 77.8%, #9c7667 79.4%, #9f7c69 81.0%, #a0826a 82.5%, #a0866b 84.1%, #9f8a6c 85.7%, #9d8e6d 87.3%, #9b916e 88.9%, #989370 90.5%, #959571 92.1%, #929773 93.7%, #8f9975 95.2%, #8c9a78 96.8%, #899b7a 98.4%, #889d7c 100.0%);
background: linear-gradient(135deg in oklch, oklch(93.70% 0.0331 87.89) 0.0%, oklch(91.84% 0.0327 95.23) 1.6%, oklch(89.38% 0.0321 104.48) 3.2%, oklch(86.42% 0.0313 115.36) 4.8%, oklch(83.09% 0.0304 127.58) 6.3%, oklch(79.49% 0.0294 140.86) 7.9%, oklch(75.74% 0.0285 154.90) 9.5%, oklch(71.96% 0.0277 169.43) 11.1%, oklch(68.26% 0.0270 184.16) 12.7%, oklch(64.75% 0.0265 198.80) 14.3%, oklch(61.56% 0.0263 213.08) 15.9%, oklch(58.78% 0.0264 226.69) 17.5%, oklch(56.55% 0.0270 239.37) 19.0%, oklch(54.96% 0.0280 251.01) 20.6%, oklch(53.99% 0.0296 263.15) 22.2%, oklch(53.53% 0.0316 275.92) 23.8%, oklch(53.50% 0.0339 289.03) 25.4%, oklch(53.78% 0.0366 302.17) 27.0%, oklch(54.29% 0.0395 315.06) 28.6%, oklch(54.91% 0.0425 327.39) 30.2%, oklch(55.56% 0.0456 338.86) 31.7%, oklch(56.14% 0.0488 349.18) 33.3%, oklch(56.54% 0.0519 358.05) 34.9%, oklch(56.67% 0.0549 5.17) 36.5%, oklch(56.43% 0.0576 10.25) 38.1%, oklch(55.72% 0.0602 12.98) 39.7%, oklch(54.42% 0.0625 12.60) 41.3%, oklch(52.49% 0.0651 8.41) 42.9%, oklch(50.08% 0.0678 1.08) 44.4%, oklch(47.31% 0.0706 351.31) 46.0%, oklch(44.32% 0.0733 339.80) 47.6%, oklch(41.23% 0.0759 327.27) 49.2%, oklch(38.18% 0.0784 314.41) 50.8%, oklch(35.29% 0.0806 301.94) 52.4%, oklch(32.71% 0.0825 290.56) 54.0%, oklch(30.56% 0.0840 280.97) 55.6%, oklch(28.97% 0.0850 273.87) 57.1%, oklch(28.08% 0.0855 269.98) 58.7%, oklch(28.01% 0.0853 269.98) 60.3%, oklch(28.83% 0.0844 273.48) 61.9%, oklch(30.41% 0.0827 279.78) 63.5%, oklch(32.63% 0.0803 288.46) 65.1%, oklch(35.36% 0.0775 299.08) 66.7%, oklch(38.47% 0.0742 311.22) 68.3%, oklch(41.83% 0.0708 324.43) 69.8%, oklch(45.31% 0.0673 338.29) 71.4%, oklch(48.78% 0.0638 352.37) 73.0%, oklch(52.11% 0.0604 6.23) 74.6%, oklch(55.17% 0.0574 19.45) 76.2%, oklch(57.83% 0.0549 31.60) 77.8%, oklch(59.96% 0.0529 42.24) 79.4%, oklch(61.51% 0.0516 51.32) 81.0%, oklch(62.75% 0.0508 60.17) 82.5%, oklch(63.75% 0.0502 68.88) 84.1%, oklch(64.54% 0.0500 77.39) 85.7%, oklch(65.14% 0.0499 85.64) 87.3%, oklch(65.58% 0.0501 93.56) 88.9%, oklch(65.91% 0.0504 101.09) 90.5%, oklch(66.14% 0.0508 108.18) 92.1%, oklch(66.30% 0.0512 114.76) 93.7%, oklch(66.43% 0.0516 120.77) 95.2%, oklch(66.56% 0.0520 126.14) 96.8%, oklch(66.72% 0.0523 130.82) 98.4%, oklch(66.93% 0.0524 134.74) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.937 | 0.033 | 87.9 |
| 2 | 0.555 | 0.028 | 246.4 |
| 3 | 0.555 | 0.061 | 373.2 |
| 4 | 0.28 | 0.085 | 269.7 |
| 5 | 0.606 | 0.052 | 406 |
| 6 | 0.669 | 0.052 | 494.7 |

## In these collections

- [Olive grove wedding dinner](https://grabient.com/olive-grove-wedding-dinner)

## Other forms

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