Tím đậm, tím, xám và đen (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #4c2c3d, #7d5267, #9d778b, #605360, #292b2f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#4c2c3d
#4f2f41
#543345
#5b374a
#623c50
#694256
#70485c
#774d62
#7d5267
#83586c
#8a5e73
#906579
#966b7f
#9b7084
#9e7488
#9f778b
#9d778b
#987488
#907083
#876b7d
#7d6575
#735e6e
#695866
#605360
#584d5a
#4f4853
#46424c
#3e3c45
#37373f
#313238
#2c2e33
#292b2f

CSS

background: linear-gradient(90deg in oklch, oklch(33.86% 0.0537 345.94) 0.0%, oklch(35.07% 0.0546 346.23) 3.2%, oklch(36.71% 0.0560 346.66) 6.5%, oklch(38.67% 0.0575 347.18) 9.7%, oklch(40.83% 0.0592 347.72) 12.9%, oklch(43.08% 0.0608 348.24) 16.1%, oklch(45.31% 0.0621 348.69) 19.4%, oklch(47.40% 0.0631 349.00) 22.6%, oklch(49.28% 0.0634 349.13) 25.8%, oklch(51.30% 0.0635 349.29) 29.0%, oklch(53.51% 0.0633 349.48) 32.3%, oklch(55.74% 0.0629 349.62) 35.5%, oklch(57.81% 0.0621 349.61) 38.7%, oklch(59.56% 0.0610 349.35) 41.9%, oklch(60.82% 0.0596 348.75) 45.2%, oklch(61.42% 0.0576 347.71) 48.4%, oklch(61.19% 0.0552 346.20) 51.6%, oklch(60.11% 0.0519 344.49) 54.8%, oklch(58.35% 0.0480 342.55) 58.1%, oklch(56.10% 0.0437 340.29) 61.3%, oklch(53.54% 0.0392 337.60) 64.5%, oklch(50.85% 0.0348 334.40) 67.7%, oklch(48.21% 0.0306 330.58) 71.0%, oklch(45.82% 0.0270 326.06) 74.2%, oklch(43.62% 0.0239 320.42) 77.4%, oklch(41.24% 0.0209 313.15) 80.6%, oklch(38.77% 0.0182 304.81) 83.9%, oklch(36.30% 0.0156 295.99) 87.1%, oklch(33.96% 0.0133 287.28) 90.3%, oklch(31.84% 0.0113 279.27) 93.5%, oklch(30.07% 0.0096 272.56) 96.8%, oklch(28.74% 0.0083 267.74) 100.0%);

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

Gradient vintage Gradient u buồn

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