Xám, tím và đen (đơn sắc) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 180°: #d0bfce, #a38da0, #725b72, #47374c, #1e1726. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#d0bfce
#ccbbca
#c8b6c6
#c3b0c1
#bdaabb
#b7a3b4
#b09bae
#aa94a7
#a38da0
#9c869a
#967f94
#90798e
#8a7388
#846d83
#7e677d
#786177
#725b72
#6c566c
#665067
#5f4b61
#5a465c
#544157
#4d3c52
#47374c
#403246
#3a2d40
#34283b
#2e2435
#292030
#241c2c
#211a28
#1e1726

CSS

background: linear-gradient(180deg in oklch, oklch(82.28% 0.0276 329.06) 0.0%, oklch(81.11% 0.0284 329.09) 3.2%, oklch(79.62% 0.0295 329.17) 6.5%, oklch(77.85% 0.0309 329.28) 9.7%, oklch(75.87% 0.0324 329.40) 12.9%, oklch(73.72% 0.0340 329.51) 16.1%, oklch(71.47% 0.0356 329.59) 19.4%, oklch(69.17% 0.0372 329.61) 22.6%, oklch(66.86% 0.0387 329.56) 25.8%, oklch(64.62% 0.0400 329.42) 29.0%, oklch(62.49% 0.0411 329.17) 32.3%, oklch(60.47% 0.0419 328.81) 35.5%, oklch(58.45% 0.0426 328.39) 38.7%, oklch(56.41% 0.0433 327.91) 41.9%, oklch(54.36% 0.0439 327.37) 45.2%, oklch(52.30% 0.0443 326.76) 48.4%, oklch(50.26% 0.0447 326.07) 51.6%, oklch(48.22% 0.0449 325.29) 54.8%, oklch(46.20% 0.0449 324.43) 58.1%, oklch(44.20% 0.0448 323.48) 61.3%, oklch(42.24% 0.0444 322.43) 64.5%, oklch(40.30% 0.0439 321.25) 67.7%, oklch(38.27% 0.0429 319.83) 71.0%, oklch(36.17% 0.0416 318.16) 74.2%, oklch(34.04% 0.0400 316.32) 77.4%, oklch(31.92% 0.0382 314.38) 80.6%, oklch(29.85% 0.0364 312.42) 83.9%, oklch(27.90% 0.0345 310.51) 87.1%, oklch(26.09% 0.0328 308.71) 90.3%, oklch(24.49% 0.0312 307.11) 93.5%, oklch(23.12% 0.0299 305.77) 96.8%, oklch(22.05% 0.0289 304.76) 100.0%);

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

Tím mận đen

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