Walnut Sand Passage

Cream and pale sand descend diagonally through toasted tan, walnut, espresso, warm umber, and muted chestnut. Linear gradient, 32 colors at 45°: #faebd3, #96694d, #492f28, #a77d5c, #5b3b2f. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#faebd3
#f1e0c6
#e6d1b6
#d9c0a2
#cbad8d
#bd9979
#af8767
#a27758
#96694d
#895d44
#7a513c
#6c4636
#5f3d30
#54352b
#4c3028
#482e27
#492f28
#51362d
#5f4135
#704e3e
#825d48
#936c51
#a07759
#a77d5c
#a77d5c
#a17758
#966d52
#89624a
#7b5542
#6d4a3a
#624134
#5b3b2f

CSS

background: linear-gradient(45deg in oklch, oklch(94.49% 0.0358 79.45) 0.0%, oklch(91.40% 0.0391 77.37) 3.2%, oklch(87.16% 0.0439 74.53) 6.5%, oklch(82.11% 0.0496 71.14) 9.7%, oklch(76.58% 0.0557 67.42) 12.9%, oklch(70.89% 0.0614 63.57) 16.1%, oklch(65.36% 0.0662 59.82) 19.4%, oklch(60.34% 0.0694 56.36) 22.6%, oklch(56.08% 0.0702 53.38) 25.8%, oklch(51.87% 0.0684 50.32) 29.0%, oklch(47.53% 0.0644 47.10) 32.3%, oklch(43.34% 0.0590 43.93) 35.5%, oklch(39.53% 0.0532 41.03) 38.7%, oklch(36.38% 0.0475 38.61) 41.9%, oklch(34.15% 0.0430 36.90) 45.2%, oklch(33.08% 0.0403 36.11) 48.4%, oklch(33.57% 0.0403 36.55) 51.6%, oklch(36.22% 0.0428 38.67) 54.8%, oklch(40.52% 0.0470 42.07) 58.1%, oklch(45.76% 0.0524 46.19) 61.3%, oklch(51.27% 0.0581 50.51) 64.5%, oklch(56.34% 0.0634 54.48) 67.7%, oklch(60.29% 0.0676 57.57) 71.0%, oklch(62.43% 0.0700 59.24) 74.2%, oklch(62.29% 0.0702 59.12) 77.4%, oklch(60.32% 0.0687 57.56) 80.6%, oklch(57.06% 0.0659 54.97) 83.9%, oklch(52.98% 0.0623 51.75) 87.1%, oklch(48.59% 0.0584 48.27) 90.3%, oklch(44.40% 0.0547 44.96) 93.5%, oklch(40.89% 0.0516 42.18) 96.8%, oklch(38.58% 0.0496 40.35) 100.0%);

In these collections

Brown gradients