# Ochre cream drift

Pastel mustard, orange and brown linear gradient with 32 colors: #b29005, #b59006, #b99206, #bd9306, #c29407, #c79609, #cd980e, #d29913, #d79a1a, #da9b22, #dd9c2a, #df9d33, #e09e3c, #df9e45, #df9f4e, #dda056, #dba05e, #d9a165, #d7a16b, #d4a171, #d1a075, #cea078, #cb9e7b, #c89c7d, #c49a7e, #bf987f, #bb957f, #b7927f, #b3907f, #af8e7f, #ac8c7e, #a98b7e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pastel mustard, orange and brown linear gradient
- Seed: `kUqWJBXjO-F4cvlUDz3A`
- Page: https://grabient.com/kUqWJBXjO-F4cvlUDz3A?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: even lightness, pastel, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.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 | `#b29005` | `oklch(66.54% 0.1350 91.41)` | Cobra Leather | black, 6.8 to 1 |
| 2 | `#b59006` | `oklch(67.00% 0.1357 90.49)` | Faint Gold | black, 6.9 to 1 |
| 3 | `#b99206` | `oklch(67.63% 0.1370 89.30)` | Main Mast Gold | black, 7.1 to 1 |
| 4 | `#bd9306` | `oklch(68.38% 0.1386 87.90)` | Moutarde de Bénichon | black, 7.3 to 1 |
| 5 | `#c29407` | `oklch(69.23% 0.1404 86.33)` | Nugget Gold | black, 7.5 to 1 |
| 6 | `#c79609` | `oklch(70.12% 0.1422 84.63)` | Retro Vibe | black, 7.8 to 1 |
| 7 | `#cd980e` | `oklch(71.03% 0.1437 82.86)` | Australien | black, 8 to 1 |
| 8 | `#d29913` | `oklch(71.89% 0.1447 81.07)` | Leopard | black, 8.3 to 1 |
| 9 | `#d79a1a` | `oklch(72.69% 0.1450 79.30)` | New England Autumn | black, 8.5 to 1 |
| 10 | `#da9b22` | `oklch(73.36% 0.1444 77.61)` | New England Autumn | black, 8.7 to 1 |
| 11 | `#dd9c2a` | `oklch(73.88% 0.1428 76.04)` | Tiger King | black, 8.8 to 1 |
| 12 | `#df9d33` | `oklch(74.24% 0.1398 74.62)` | Intense Yellow | black, 8.9 to 1 |
| 13 | `#e09e3c` | `oklch(74.53% 0.1354 73.27)` | Intense Yellow | black, 9 to 1 |
| 14 | `#df9e45` | `oklch(74.74% 0.1299 71.96)` | Pavilion Peach | black, 9.1 to 1 |
| 15 | `#df9f4e` | `oklch(74.89% 0.1236 70.70)` | Pavilion Peach | black, 9.2 to 1 |
| 16 | `#dda056` | `oklch(74.96% 0.1166 69.44)` | Pan de Coco | black, 9.2 to 1 |
| 17 | `#dba05e` | `oklch(74.97% 0.1093 68.19)` | Butterscotch Syrup | black, 9.2 to 1 |
| 18 | `#d9a165` | `oklch(74.90% 0.1020 66.92)` | Kombucha | black, 9.2 to 1 |
| 19 | `#d7a16b` | `oklch(74.76% 0.0948 65.61)` | Kombucha | black, 9.1 to 1 |
| 20 | `#d4a171` | `oklch(74.54% 0.0880 64.25)` | Sassy Sassafras | black, 9.1 to 1 |
| 21 | `#d1a075` | `oklch(74.25% 0.0820 62.82)` | Muntok White Pepper | black, 9 to 1 |
| 22 | `#cea078` | `oklch(73.88% 0.0769 61.29)` | Kenya | black, 8.9 to 1 |
| 23 | `#cb9e7b` | `oklch(73.33% 0.0722 59.58)` | Desert Carnation | black, 8.7 to 1 |
| 24 | `#c89c7d` | `oklch(72.62% 0.0676 57.69)` | Desert Carnation | black, 8.5 to 1 |
| 25 | `#c49a7e` | `oklch(71.78% 0.0633 55.70)` | Egyptian Pyramid | black, 8.2 to 1 |
| 26 | `#bf987f` | `oklch(70.87% 0.0592 53.67)` | Pale Taupe | black, 7.9 to 1 |
| 27 | `#bb957f` | `oklch(69.92% 0.0554 51.64)` | Caramelised | black, 7.7 to 1 |
| 28 | `#b7927f` | `oklch(68.98% 0.0518 49.69)` | Changing Seasons | black, 7.4 to 1 |
| 29 | `#b3907f` | `oklch(68.09% 0.0486 47.88)` | Coyote Tracks | black, 7.2 to 1 |
| 30 | `#af8e7f` | `oklch(67.29% 0.0458 46.26)` | Redend Point | black, 6.9 to 1 |
| 31 | `#ac8c7e` | `oklch(66.63% 0.0434 44.90)` | Magnitude | black, 6.8 to 1 |
| 32 | `#a98b7e` | `oklch(66.14% 0.0413 43.85)` | Fudgecicle | black, 6.6 to 1 |

## CSS

```css
background: linear-gradient(45deg, #b29005 0.0%, #b59006 3.2%, #b99206 6.5%, #bd9306 9.7%, #c29407 12.9%, #c79609 16.1%, #cd980e 19.4%, #d29913 22.6%, #d79a1a 25.8%, #da9b22 29.0%, #dd9c2a 32.3%, #df9d33 35.5%, #e09e3c 38.7%, #df9e45 41.9%, #df9f4e 45.2%, #dda056 48.4%, #dba05e 51.6%, #d9a165 54.8%, #d7a16b 58.1%, #d4a171 61.3%, #d1a075 64.5%, #cea078 67.7%, #cb9e7b 71.0%, #c89c7d 74.2%, #c49a7e 77.4%, #bf987f 80.6%, #bb957f 83.9%, #b7927f 87.1%, #b3907f 90.3%, #af8e7f 93.5%, #ac8c7e 96.8%, #a98b7e 100.0%);
background: linear-gradient(45deg in oklch, oklch(66.54% 0.1350 91.41) 0.0%, oklch(67.00% 0.1357 90.49) 3.2%, oklch(67.63% 0.1370 89.30) 6.5%, oklch(68.38% 0.1386 87.90) 9.7%, oklch(69.23% 0.1404 86.33) 12.9%, oklch(70.12% 0.1422 84.63) 16.1%, oklch(71.03% 0.1437 82.86) 19.4%, oklch(71.89% 0.1447 81.07) 22.6%, oklch(72.69% 0.1450 79.30) 25.8%, oklch(73.36% 0.1444 77.61) 29.0%, oklch(73.88% 0.1428 76.04) 32.3%, oklch(74.24% 0.1398 74.62) 35.5%, oklch(74.53% 0.1354 73.27) 38.7%, oklch(74.74% 0.1299 71.96) 41.9%, oklch(74.89% 0.1236 70.70) 45.2%, oklch(74.96% 0.1166 69.44) 48.4%, oklch(74.97% 0.1093 68.19) 51.6%, oklch(74.90% 0.1020 66.92) 54.8%, oklch(74.76% 0.0948 65.61) 58.1%, oklch(74.54% 0.0880 64.25) 61.3%, oklch(74.25% 0.0820 62.82) 64.5%, oklch(73.88% 0.0769 61.29) 67.7%, oklch(73.33% 0.0722 59.58) 71.0%, oklch(72.62% 0.0676 57.69) 74.2%, oklch(71.78% 0.0633 55.70) 77.4%, oklch(70.87% 0.0592 53.67) 80.6%, oklch(69.92% 0.0554 51.64) 83.9%, oklch(68.98% 0.0518 49.69) 87.1%, oklch(68.09% 0.0486 47.88) 90.3%, oklch(67.29% 0.0458 46.26) 93.5%, oklch(66.63% 0.0434 44.90) 96.8%, oklch(66.14% 0.0413 43.85) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.665 | 0.135 | 91.4 |
| 2 | 0.74 | 0.142 | 75.6 |
| 3 | 0.74 | 0.079 | 61.8 |
| 4 | 0.661 | 0.041 | 43.9 |

## In these collections

- [Warm gradients](https://grabient.com/warm-gradients)

## Other forms

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