Đen, nâu và đỏ nâu liền mạch (gradient tuyến tính)

Gradient tuyến tính, 64 màu, góc 180°: #000206, #0f0f0f, #a16200, #4a0f18, #000307. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#000206
#000206
#000207
#000308
#000409
#00040a
#00050a
#01060b
#02070b
#03090c
#040a0d
#050b0d
#070c0d
#090d0e
#0b0e0e
#0d0f0e
#0f0f0f
#111111
#131313
#151515
#181917
#1c1d19
#22231a
#2b2a1b
#36331b
#443c18
#544514
#654e09
#755500
#835c00
#906100
#9a6300
#a16200
#a55f00
#a75900
#a65200
#a44900
#a13f00
#9c3300
#972500
#931300
#8c0007
#820013
#790018
#6f0019
#630419
#570b19
#4a0f18
#3d1117
#321216
#271115
#1d1013
#150f10
#100d0e
#0c0b0b
#0a0909
#080708
#070508
#050409
#03040a
#02030b
#00030b
#00030a
#000307

CSS

background: linear-gradient(180deg in oklch, oklch(8.01% 0.0215 247.84) 0.0%, oklch(8.35% 0.0216 246.26) 1.6%, oklch(8.76% 0.0220 244.81) 3.2%, oklch(9.25% 0.0225 243.38) 4.8%, oklch(9.80% 0.0232 241.88) 6.3%, oklch(10.38% 0.0235 239.34) 7.9%, oklch(10.98% 0.0218 235.83) 9.5%, oklch(11.67% 0.0192 233.69) 11.1%, oklch(12.37% 0.0169 230.85) 12.7%, oklch(13.09% 0.0148 227.15) 14.3%, oklch(13.82% 0.0131 222.45) 15.9%, oklch(14.51% 0.0117 216.54) 17.5%, oklch(15.08% 0.0097 209.00) 19.0%, oklch(15.56% 0.0072 200.09) 20.6%, oklch(16.01% 0.0046 190.13) 22.2%, oklch(16.48% 0.0022 179.47) 23.8%, oklch(17.03% 0.0003 168.43) 25.4%, oklch(17.70% 0.0000 89.88) 27.0%, oklch(18.57% 0.0000 89.88) 28.6%, oklch(19.68% 0.0003 136.40) 30.2%, oklch(21.08% 0.0033 127.20) 31.7%, oklch(22.83% 0.0083 119.29) 33.3%, oklch(25.19% 0.0160 112.57) 34.9%, oklch(28.23% 0.0266 106.60) 36.5%, oklch(31.77% 0.0394 101.28) 38.1%, oklch(35.62% 0.0538 96.48) 39.7%, oklch(39.59% 0.0691 92.08) 41.3%, oklch(43.49% 0.0846 87.95) 42.9%, oklch(47.13% 0.0967 83.95) 44.4%, oklch(50.32% 0.1042 80.03) 46.0%, oklch(52.88% 0.1111 76.02) 47.6%, oklch(54.62% 0.1171 71.81) 49.2%, oklch(55.38% 0.1221 67.31) 50.8%, oklch(55.32% 0.1265 62.70) 52.4%, oklch(54.58% 0.1306 58.04) 54.0%, oklch(53.28% 0.1346 53.38) 55.6%, oklch(51.53% 0.1387 48.76) 57.1%, oklch(49.46% 0.1433 44.21) 58.7%, oklch(47.17% 0.1487 39.79) 60.3%, oklch(44.78% 0.1551 35.52) 61.9%, oklch(42.41% 0.1631 31.46) 63.5%, oklch(40.19% 0.1641 27.75) 65.1%, oklch(38.20% 0.1546 24.23) 66.7%, oklch(36.30% 0.1461 21.43) 68.3%, oklch(34.23% 0.1374 19.56) 69.8%, oklch(32.04% 0.1238 18.25) 71.4%, oklch(29.80% 0.1066 17.33) 73.0%, oklch(27.55% 0.0883 16.44) 74.6%, oklch(25.33% 0.0698 15.29) 76.2%, oklch(23.18% 0.0520 13.58) 77.8%, oklch(21.16% 0.0358 11.00) 79.4%, oklch(19.30% 0.0221 7.26) 81.0%, oklch(17.66% 0.0118 2.06) 82.5%, oklch(16.26% 0.0057 355.01) 84.1%, oklch(15.03% 0.0029 345.55) 85.7%, oklch(13.96% 0.0028 334.11) 87.3%, oklch(13.02% 0.0048 321.25) 88.9%, oklch(12.20% 0.0084 307.53) 90.5%, oklch(11.50% 0.0131 293.50) 92.1%, oklch(10.88% 0.0184 279.72) 93.7%, oklch(10.34% 0.0237 266.76) 95.2%, oklch(9.87% 0.0285 255.18) 96.8%, oklch(9.54% 0.0264 249.05) 98.4%, oklch(9.16% 0.0219 242.41) 100.0%);

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

Gradient nhiều màu tông tối Gradient bầu trời đêm

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