Cầu vồng từ đỏ nâu sang nâu tông tối (gradient tuyến tính)

Bảng màu Cầu vồng từ đỏ nâu sang nâu tông tối

Gradient tuyến tính, 32 màu, góc 60°: #842b25, #52142d, #211131, #0d4640, #af7123. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#842b25
#802826
#7b2527
#752228
#6e1f29
#661b2a
#5f182b
#58162c
#52142d
#4b122d
#43102c
#3c0f2b
#350d2a
#2f0c2a
#290d2a
#250e2d
#211131
#1d1635
#181d3a
#12243e
#0a2d41
#033542
#033e41
#0d4640
#1b4e3d
#2d5638
#435f31
#5c6628
#756b1d
#8d6f17
#a1701a
#af7123

CSS

background: linear-gradient(60deg in oklch, oklch(42.13% 0.1240 27.42) 0.0%, oklch(41.19% 0.1217 25.47) 3.2%, oklch(39.93% 0.1187 23.05) 6.5%, oklch(38.43% 0.1151 20.18) 9.7%, oklch(36.77% 0.1111 16.88) 12.9%, oklch(35.05% 0.1068 13.17) 16.1%, oklch(33.35% 0.1025 9.06) 19.4%, oklch(31.77% 0.0982 4.59) 22.6%, oklch(30.37% 0.0941 359.79) 25.8%, oklch(28.86% 0.0897 355.20) 29.0%, oklch(27.20% 0.0849 350.72) 32.3%, oklch(25.54% 0.0800 345.97) 35.5%, oklch(24.01% 0.0752 340.59) 38.7%, oklch(22.74% 0.0707 334.20) 41.9%, oklch(21.88% 0.0666 326.42) 45.2%, oklch(21.57% 0.0633 316.88) 48.4%, oklch(21.91% 0.0608 305.14) 51.6%, oklch(22.84% 0.0584 290.82) 54.8%, oklch(24.27% 0.0562 274.46) 58.1%, oklch(26.10% 0.0546 256.68) 61.3%, oklch(28.24% 0.0536 238.13) 64.5%, oklch(30.59% 0.0535 219.46) 67.7%, oklch(33.08% 0.0546 201.30) 71.0%, oklch(35.60% 0.0570 184.30) 74.2%, oklch(38.27% 0.0614 168.17) 77.4%, oklch(41.48% 0.0684 151.32) 80.6%, oklch(45.02% 0.0771 134.26) 83.9%, oklch(48.68% 0.0867 117.60) 87.1%, oklch(52.25% 0.0965 101.95) 90.3%, oklch(55.51% 0.1056 87.93) 93.5%, oklch(58.24% 0.1132 76.15) 96.8%, oklch(60.24% 0.1185 67.23) 100.0%);

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

Gradient nhiều màu tông tối

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