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

Gradient tuyến tính, 11 màu, góc 180°: #7d87ac, #e5b6b1, #f9dabc, #9fcac2, #337e87. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#7d87ac
#a594b3
#cba7b5
#e5b6b1
#f4c7ad
#f9dabc
#f3e5c7
#cee0c5
#9fcac2
#67a1a4
#337e87

CSS

background: linear-gradient(180deg in oklch, oklch(62.99% 0.0565 272.81) 0.0%, oklch(69.07% 0.0500 309.27) 10.0%, oklch(76.38% 0.0455 353.13) 20.0%, oklch(81.74% 0.0543 25.62) 30.0%, oklch(86.22% 0.0620 52.30) 40.0%, oklch(90.72% 0.0531 66.90) 50.0%, oklch(92.52% 0.0427 86.12) 60.0%, oklch(88.61% 0.0419 134.86) 70.0%, oklch(80.71% 0.0469 182.28) 80.0%, oklch(67.18% 0.0609 199.92) 90.0%, oklch(55.12% 0.0744 205.53) 100.0%);

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

Between tides

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