Đỏ nâu sang cam (tương đồng) tông rực rỡ (gradient tuyến tính)

Bảng màu Đỏ nâu sang cam (tương đồng) tông rực rỡ

Gradient tuyến tính, 32 màu, góc 135°: #5f041c, #8c1b25, #c3441f, #df7b12, #eab040. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#5f041c
#62061d
#66081e
#6b0a1f
#710d21
#771022
#7e1423
#851724
#8c1b25
#941f26
#9b2426
#a32826
#aa2d26
#b13225
#b83823
#be3e22
#c3441f
#c84a1d
#cd5219
#d15a16
#d66212
#d96a10
#dd7310
#df7b12
#e28417
#e48c1d
#e59424
#e69b2a
#e7a131
#e8a737
#e9ac3c
#eab040

CSS

background: linear-gradient(135deg in oklch, oklch(31.10% 0.1199 14.77) 0.0%, oklch(31.97% 0.1218 15.44) 3.2%, oklch(33.03% 0.1244 16.19) 6.5%, oklch(34.24% 0.1275 17.00) 9.7%, oklch(35.59% 0.1311 17.89) 12.9%, oklch(37.07% 0.1350 18.86) 16.1%, oklch(38.65% 0.1391 19.91) 19.4%, oklch(40.32% 0.1433 21.05) 22.6%, oklch(42.05% 0.1475 22.28) 25.8%, oklch(43.82% 0.1517 23.61) 29.0%, oklch(45.62% 0.1557 25.03) 32.3%, oklch(47.43% 0.1593 26.56) 35.5%, oklch(49.22% 0.1626 28.20) 38.7%, oklch(50.98% 0.1654 29.95) 41.9%, oklch(52.69% 0.1676 31.81) 45.2%, oklch(54.33% 0.1690 33.80) 48.4%, oklch(55.90% 0.1697 35.95) 51.6%, oklch(57.54% 0.1697 38.43) 54.8%, oklch(59.25% 0.1690 41.23) 58.1%, oklch(61.02% 0.1677 44.29) 61.3%, oklch(62.81% 0.1660 47.54) 64.5%, oklch(64.62% 0.1638 50.94) 67.7%, oklch(66.42% 0.1614 54.43) 71.0%, oklch(68.19% 0.1588 57.94) 74.2%, oklch(69.92% 0.1560 61.43) 77.4%, oklch(71.58% 0.1533 64.83) 80.6%, oklch(73.16% 0.1505 68.10) 83.9%, oklch(74.64% 0.1479 71.16) 87.1%, oklch(76.00% 0.1455 73.97) 90.3%, oklch(77.21% 0.1434 76.46) 93.5%, oklch(78.26% 0.1418 78.59) 96.8%, oklch(79.13% 0.1406 80.28) 100.0%);

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

Gradient cho hero section

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