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

Gradient tuyến tính, 32 màu, góc 110°: #010101, #c19200, #5c2e09, #1f150d, #030202. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#010101
#090602
#1f1704
#3b2d06
#5c4708
#7d6108
#9c7904
#b48a00
#c19200
#c38f00
#bd8400
#b07500
#9f6300
#8c5102
#784105
#683607
#5c2e09
#51290a
#47240c
#3d210d
#351e0e
#2d1b0e
#26180e
#1f150d
#19110c
#140e0a
#100b08
#0c0806
#080604
#060403
#040302
#030202

CSS

background: linear-gradient(110deg in oklch, oklch(7.09% 0.0055 85.78) 0.0%, oklch(12.64% 0.0177 86.00) 3.2%, oklch(20.78% 0.0355 86.54) 6.5%, oklch(30.50% 0.0567 87.19) 9.7%, oklch(40.83% 0.0793 87.76) 12.9%, oklch(50.78% 0.1012 88.04) 16.1%, oklch(59.36% 0.1203 87.86) 19.4%, oklch(65.58% 0.1341 86.98) 22.6%, oklch(68.49% 0.1403 85.23) 25.8%, oklch(68.17% 0.1404 82.23) 29.0%, oklch(65.39% 0.1362 78.19) 32.3%, oklch(60.86% 0.1293 73.51) 35.5%, oklch(55.24% 0.1208 68.58) 38.7%, oklch(49.24% 0.1106 63.83) 41.9%, oklch(43.53% 0.0996 59.60) 45.2%, oklch(38.79% 0.0896 56.31) 48.4%, oklch(35.50% 0.0814 54.27) 51.6%, oklch(32.75% 0.0728 53.21) 54.8%, oklch(30.29% 0.0635 52.87) 58.1%, oklch(28.07% 0.0541 53.05) 61.3%, oklch(26.04% 0.0448 53.57) 64.5%, oklch(24.14% 0.0361 54.22) 67.7%, oklch(22.32% 0.0284 54.80) 71.0%, oklch(20.53% 0.0220 55.12) 74.2%, oklch(18.73% 0.0172 55.14) 77.4%, oklch(16.97% 0.0136 55.14) 80.6%, oklch(15.28% 0.0110 55.14) 83.9%, oklch(13.70% 0.0092 55.14) 87.1%, oklch(12.25% 0.0080 55.14) 90.3%, oklch(10.97% 0.0071 55.14) 93.5%, oklch(9.90% 0.0064 55.14) 96.8%, oklch(9.06% 0.0055 55.14) 100.0%);

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

Gradient đen và vàng kim

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