Cranberry Hearth Diagonal

Analogous pink, red and brown color palette

This smooth diagonal gradient moves from pale blush through coral pink, cranberry red, brick red, and deep brown. Linear gradient, 32 colors at 30°: #fcbab1, #eb6d90, #b44835, #8e0317, #371b02. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#fcbab1
#ffb2ac
#ffa8ab
#ff9cab
#ff8dac
#ff7ead
#fc72aa
#f56da0
#eb6d90
#de707e
#ce7371
#be7468
#b27362
#ad6d5a
#ad644e
#b05741
#b44835
#b6362c
#b52225
#b1101f
#aa001c
#a1001c
#97001a
#8e0317
#830913
#790d0c
#6e1203
#601800
#521c00
#461c00
#3e1b00
#371b02

CSS

background: linear-gradient(30deg in oklch, oklch(84.65% 0.0785 27.42) 0.0%, oklch(83.41% 0.0910 23.45) 3.2%, oklch(81.71% 0.1034 17.31) 6.5%, oklch(79.69% 0.1197 10.29) 9.7%, oklch(77.50% 0.1404 3.66) 12.9%, oklch(75.30% 0.1637 358.71) 16.1%, oklch(73.22% 0.1774 356.71) 19.4%, oklch(71.31% 0.1737 358.87) 22.6%, oklch(69.41% 0.1588 4.81) 25.8%, oklch(67.50% 0.1375 13.00) 29.0%, oklch(65.60% 0.1149 21.90) 32.3%, oklch(63.69% 0.0957 29.97) 35.5%, oklch(61.79% 0.0849 35.67) 38.7%, oklch(59.88% 0.0869 37.79) 41.9%, oklch(57.98% 0.1004 37.27) 45.2%, oklch(56.07% 0.1210 35.02) 48.4%, oklch(54.17% 0.1444 31.86) 51.6%, oklch(52.26% 0.1663 28.61) 54.8%, oklch(50.36% 0.1824 26.11) 58.1%, oklch(48.45% 0.1888 25.00) 61.3%, oklch(46.55% 0.1882 24.27) 64.5%, oklch(44.65% 0.1805 23.80) 67.7%, oklch(42.75% 0.1728 23.72) 71.0%, oklch(40.83% 0.1635 24.23) 74.2%, oklch(38.93% 0.1521 25.60) 77.4%, oklch(37.01% 0.1411 28.01) 80.6%, oklch(34.94% 0.1281 32.17) 83.9%, oklch(32.73% 0.1081 37.62) 87.1%, oklch(30.55% 0.0891 43.84) 90.3%, oklch(28.53% 0.0755 49.94) 93.5%, oklch(26.83% 0.0663 55.17) 96.8%, oklch(25.59% 0.0579 59.12) 100.0%);

In these collections

Thanksgiving gradients