Xanh cổ vịt sang hồng (bổ túc) (gradient tuyến tính)

Gradient tuyến tính, 15 màu, góc 210°: #81bbb6, #afa1b7, #d287a8, #e4638c, #db4c75. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#81bbb6
#8eb5ba
#9cadb6
#a2a8b7
#afa1b7
#be99ae
#c990aa
#d287a8
#d97ea1
#df759b
#e26c94
#e4638c
#e35b85
#df527b
#db4c75

CSS

background: linear-gradient(210deg in oklch, oklch(75.20% 0.0606 189.14) 0.0%, oklch(74.61% 0.0429 204.89) 7.1%, oklch(73.84% 0.0233 229.73) 14.3%, oklch(73.27% 0.0222 266.66) 21.4%, oklch(72.80% 0.0343 313.96) 28.6%, oklch(72.24% 0.0519 343.59) 35.7%, oklch(71.59% 0.0762 350.38) 42.9%, oklch(70.87% 0.1006 351.88) 50.0%, oklch(70.09% 0.1206 355.73) 57.1%, oklch(69.22% 0.1381 358.45) 64.3%, oklch(68.20% 0.1528 0.75) 71.4%, oklch(67.04% 0.1647 2.47) 78.6%, oklch(65.61% 0.1733 4.04) 85.7%, oklch(63.68% 0.1780 5.59) 92.9%, oklch(62.20% 0.1805 6.67) 100.0%);

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

Gradient hồng và xanh cổ vịt

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