Đỏ nâu và đỏ tông ấm liền mạch (gradient hình nón)

Gradient hình nón, 32 màu, góc 45°: #270113, #860036, #f72434, #7e0024, #31000e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#270113
#2e0017
#37001b
#42001f
#4e0025
#5b002a
#6a002e
#780033
#860036
#970039
#ab003c
#c0003d
#d5003c
#e60c3a
#f21b39
#f92237
#f72434
#ef2133
#e01a31
#ce0f2f
#ba012c
#a4002a
#8f0027
#7e0024
#710021
#65001e
#5a001b
#4f0018
#450015
#3d0013
#370010
#31000e

CSS

background: conic-gradient(from 45deg in oklch, oklch(18.11% 0.0703 355.08) 0.0%, oklch(19.76% 0.0795 356.06) 3.2%, oklch(21.98% 0.0896 357.49) 6.5%, oklch(24.56% 0.0998 358.98) 9.7%, oklch(27.45% 0.1111 0.67) 12.9%, oklch(30.52% 0.1231 2.49) 16.1%, oklch(33.66% 0.1354 4.41) 19.4%, oklch(36.76% 0.1475 6.35) 22.6%, oklch(39.74% 0.1591 8.29) 25.8%, oklch(43.23% 0.1728 10.55) 29.0%, oklch(47.22% 0.1887 13.14) 32.3%, oklch(51.39% 0.2055 15.86) 35.5%, oklch(55.37% 0.2220 18.53) 38.7%, oklch(58.83% 0.2327 20.94) 41.9%, oklch(61.44% 0.2378 22.93) 45.2%, oklch(62.85% 0.2400 24.28) 48.4%, oklch(62.71% 0.2385 24.84) 51.6%, oklch(60.97% 0.2329 24.61) 54.8%, oklch(57.99% 0.2239 23.78) 58.1%, oklch(54.15% 0.2126 22.51) 61.3%, oklch(49.82% 0.1998 20.98) 64.5%, oklch(45.40% 0.1822 19.37) 67.7%, oklch(41.24% 0.1652 17.83) 71.0%, oklch(37.75% 0.1511 16.53) 74.2%, oklch(34.96% 0.1398 15.48) 77.4%, oklch(32.26% 0.1289 14.39) 80.6%, oklch(29.67% 0.1186 13.30) 83.9%, oklch(27.24% 0.1089 12.23) 87.1%, oklch(25.02% 0.1000 11.23) 90.3%, oklch(23.06% 0.0922 10.35) 93.5%, oklch(21.42% 0.0857 9.62) 96.8%, oklch(20.13% 0.0806 9.07) 100.0%);

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

Gradient đỏ

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