Đen, nâu và hồng (tương đồng) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #0e0e0e, #431a00, #913800, #cd653c, #e29885. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0e0e0e
#12100e
#17110d
#1d130b
#23140a
#2a1507
#321705
#3a1803
#431a00
#4b1c00
#531f00
#5b2200
#652600
#6f2a00
#7a2e00
#853300
#913800
#9c3e03
#a7440b
#b04a14
#b9511d
#c05726
#c75e30
#cd653c
#d16d47
#d57453
#d87c5e
#db8368
#dd8971
#df8f79
#e09480
#e29885

CSS

background: linear-gradient(90deg in oklch, oklch(16.54% 0.0000 89.88) 0.0%, oklch(17.37% 0.0055 58.30) 3.2%, oklch(18.39% 0.0128 57.26) 6.5%, oklch(19.56% 0.0215 56.02) 9.7%, oklch(20.89% 0.0312 54.64) 12.9%, oklch(22.36% 0.0416 53.17) 16.1%, oklch(23.94% 0.0524 51.67) 19.4%, oklch(25.64% 0.0630 50.22) 22.6%, oklch(27.43% 0.0733 48.85) 25.8%, oklch(29.30% 0.0805 47.41) 29.0%, oklch(31.24% 0.0872 46.46) 32.3%, oklch(33.27% 0.0939 45.76) 35.5%, oklch(35.53% 0.1011 45.26) 38.7%, oklch(37.97% 0.1087 44.91) 41.9%, oklch(40.55% 0.1166 44.68) 45.2%, oklch(43.22% 0.1246 44.53) 48.4%, oklch(45.91% 0.1326 44.41) 51.6%, oklch(48.59% 0.1390 44.34) 54.8%, oklch(51.21% 0.1434 44.17) 58.1%, oklch(53.71% 0.1466 43.92) 61.3%, oklch(56.04% 0.1484 43.55) 64.5%, oklch(58.17% 0.1487 43.01) 67.7%, oklch(60.25% 0.1467 42.32) 71.0%, oklch(62.29% 0.1427 41.49) 74.2%, oklch(64.29% 0.1373 40.58) 77.4%, oklch(66.21% 0.1307 39.61) 80.6%, oklch(68.04% 0.1235 38.62) 83.9%, oklch(69.74% 0.1161 37.66) 87.1%, oklch(71.29% 0.1090 36.75) 90.3%, oklch(72.67% 0.1026 35.94) 93.5%, oklch(73.85% 0.0973 35.26) 96.8%, oklch(74.80% 0.0937 34.76) 100.0%);

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

Gradient bản đồ nhiệt Gradient Halloween

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