Hồng, đỏ và nâu tông ấm (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 45°: #e54061, #b63534, #803a1b, #523619, #292411. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#e54061
#e23f5d
#dd3e58
#d83c53
#d23a4d
#cb3947
#c43740
#bd363a
#b63534
#af342e
#a83429
#a13424
#9b3520
#94371e
#8e381c
#87391b
#803a1b
#793b1b
#723b1c
#6c3b1c
#653b1c
#5f3a1c
#59381b
#523619
#4b3418
#453116
#3f2f15
#392c14
#342a12
#2f2712
#2c2511
#292411

CSS

background: linear-gradient(45deg in oklch, oklch(62.20% 0.2012 14.06) 0.0%, oklch(61.45% 0.1985 14.93) 3.2%, oklch(60.47% 0.1952 15.97) 6.5%, oklch(59.30% 0.1914 17.19) 9.7%, oklch(57.99% 0.1870 18.56) 12.9%, oklch(56.59% 0.1823 20.07) 16.1%, oklch(55.13% 0.1772 21.71) 19.4%, oklch(53.66% 0.1717 23.46) 22.6%, oklch(52.22% 0.1659 25.31) 25.8%, oklch(50.85% 0.1599 27.24) 29.0%, oklch(49.60% 0.1537 29.23) 32.3%, oklch(48.48% 0.1471 31.30) 35.5%, oklch(47.44% 0.1398 33.44) 38.7%, oklch(46.44% 0.1318 35.67) 41.9%, oklch(45.49% 0.1233 37.99) 45.2%, oklch(44.56% 0.1145 40.42) 48.4%, oklch(43.63% 0.1058 42.95) 51.6%, oklch(42.70% 0.0972 45.59) 54.8%, oklch(41.75% 0.0889 48.35) 58.1%, oklch(40.75% 0.0812 51.24) 61.3%, oklch(39.71% 0.0743 54.25) 64.5%, oklch(38.59% 0.0684 57.42) 67.7%, oklch(37.34% 0.0630 61.04) 71.0%, oklch(35.97% 0.0582 65.08) 74.2%, oklch(34.53% 0.0537 69.38) 77.4%, oklch(33.06% 0.0497 73.83) 80.6%, oklch(31.60% 0.0460 78.27) 83.9%, oklch(30.20% 0.0427 82.56) 87.1%, oklch(28.89% 0.0398 86.56) 90.3%, oklch(27.72% 0.0373 90.13) 93.5%, oklch(26.74% 0.0350 93.14) 96.8%, oklch(25.98% 0.0331 95.43) 100.0%);

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

Gradient lửa

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