Xám, tím, hồng và xanh cổ vịt (gradient tuyến tính)

Gradient tuyến tính, 7 màu, góc 90°: #c7c7c7, #ca99b5, #7a5f89, #964eae, #da5c6f, #818181, #5eb18e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#c7c7c7
#ca99b5
#7a5f89
#964eae
#da5c6f
#818181
#5eb18e

CSS

background: linear-gradient(90deg in oklch, oklch(83.07% 0.0000 89.88) 0.0%, oklch(73.68% 0.0691 343.09) 16.7%, oklch(52.81% 0.0713 313.32) 33.3%, oklch(54.97% 0.1602 316.95) 50.0%, oklch(63.93% 0.1578 13.67) 66.7%, oklch(60.38% 0.0000 89.88) 83.3%, oklch(69.69% 0.0965 164.67) 100.0%);

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

Gradient nhiều màu

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