Tím đậm sang xám (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #2e0f32, #431c38, #5c3a53, #6f5b79, #707da3. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#2e0f32
#301033
#321133
#341334
#371434
#3a1635
#3d1836
#401a36
#431c38
#461f3a
#49223c
#4c253f
#4f2942
#522d46
#56314a
#59364e
#5c3a53
#5f3f58
#63445d
#664962
#684d68
#6b516d
#6d5673
#6f5b79
#705f80
#716487
#71698d
#716e93
#717399
#70779d
#707ba1
#707da3

CSS

background: linear-gradient(90deg in oklch, oklch(23.62% 0.0744 322.73) 0.0%, oklch(24.07% 0.0742 323.98) 3.2%, oklch(24.60% 0.0741 325.76) 6.5%, oklch(25.22% 0.0739 327.94) 9.7%, oklch(25.91% 0.0737 330.36) 12.9%, oklch(26.69% 0.0734 332.88) 16.1%, oklch(27.53% 0.0731 335.35) 19.4%, oklch(28.44% 0.0727 337.61) 22.6%, oklch(29.41% 0.0721 339.52) 25.8%, oklch(30.44% 0.0714 340.92) 29.0%, oklch(31.52% 0.0706 341.68) 32.3%, oklch(32.67% 0.0695 341.76) 35.5%, oklch(33.95% 0.0681 341.49) 38.7%, oklch(35.33% 0.0663 340.91) 41.9%, oklch(36.80% 0.0644 340.00) 45.2%, oklch(38.32% 0.0623 338.75) 48.4%, oklch(39.88% 0.0603 337.15) 51.6%, oklch(41.44% 0.0584 335.19) 54.8%, oklch(42.99% 0.0566 332.88) 58.1%, oklch(44.50% 0.0552 330.19) 61.3%, oklch(45.94% 0.0542 327.11) 64.5%, oklch(47.30% 0.0536 323.60) 67.7%, oklch(48.68% 0.0535 319.13) 71.0%, oklch(50.10% 0.0538 313.74) 74.2%, oklch(51.53% 0.0545 307.70) 77.4%, oklch(52.94% 0.0553 301.27) 80.6%, oklch(54.31% 0.0563 294.69) 83.9%, oklch(55.60% 0.0574 288.24) 87.1%, oklch(56.78% 0.0584 282.18) 90.3%, oklch(57.84% 0.0594 276.75) 93.5%, oklch(58.74% 0.0601 272.21) 96.8%, oklch(59.45% 0.0606 268.84) 100.0%);

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

Gradient khu vườn phong sương Sọc màu chạng vạng Gradient tông trầm Gradient UI chế độ tối

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