Hồng, đỏ và nâu (tương đồng) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 30°: #fcbab1, #eb6d90, #b44835, #8e0317, #371b02. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

6 keyframe OKLCH chỉnh sửa được.

#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%);

Trong các bộ sưu tập này

Gradient Lễ Tạ ơn

Bảng màu tương tự Bộ sưu tập Tải xuống PNG JSON bảng màu Markdown Cách hoạt động