Nâu, cam và đen (tương đồng) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 315°: #81533c, #7e2839, #c26926, #40261e, #2b0c14. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#81533c
#814f3a
#804937
#7e4235
#7c3a34
#7b3235
#7a2c36
#7b2838
#7e2839
#872c3a
#95333a
#a43e38
#b24b34
#be572f
#c66229
#c76926
#c26926
#b56328
#a25a2a
#8d4f2a
#764329
#603826
#4d2e22
#40261e
#37211b
#321c18
#2f1816
#2d1515
#2d1214
#2c1014
#2c0e14
#2b0c14

CSS

background: linear-gradient(315deg in oklch, oklch(48.82% 0.0703 47.11) 0.0%, oklch(47.98% 0.0743 43.77) 3.2%, oklch(46.64% 0.0799 38.73) 6.5%, oklch(45.02% 0.0866 32.70) 9.7%, oklch(43.38% 0.0939 26.38) 12.9%, oklch(41.94% 0.1014 20.49) 16.1%, oklch(40.93% 0.1084 15.72) 19.4%, oklch(40.61% 0.1147 12.80) 22.6%, oklch(41.21% 0.1197 12.43) 25.8%, oklch(43.26% 0.1249 15.07) 29.0%, oklch(46.50% 0.1305 20.08) 32.3%, oklch(50.40% 0.1359 26.63) 35.5%, oklch(54.42% 0.1404 33.87) 38.7%, oklch(58.03% 0.1434 40.94) 41.9%, oklch(60.71% 0.1444 47.01) 45.2%, oklch(61.92% 0.1426 51.24) 48.4%, oklch(61.17% 0.1373 52.98) 51.6%, oklch(58.49% 0.1271 53.06) 54.8%, oklch(54.37% 0.1132 51.91) 58.1%, oklch(49.32% 0.0971 49.81) 61.3%, oklch(43.85% 0.0804 47.02) 64.5%, oklch(38.44% 0.0646 43.82) 67.7%, oklch(33.60% 0.0511 40.49) 71.0%, oklch(29.85% 0.0416 37.29) 74.2%, oklch(27.34% 0.0368 34.10) 77.4%, oklch(25.45% 0.0354 30.21) 80.6%, oklch(24.06% 0.0365 25.86) 83.9%, oklch(23.06% 0.0394 21.32) 87.1%, oklch(22.34% 0.0433 16.89) 90.3%, oklch(21.81% 0.0473 12.83) 93.5%, oklch(21.35% 0.0505 9.42) 96.8%, oklch(20.87% 0.0524 6.95) 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