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

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

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

#81bbb6
#85b9b9
#8cb6ba
#93b2b9
#9aafb7
#9eacb6
#a0aab6
#a3a8b8
#a9a4b8
#b0a1b6
#b79db2
#bd99ae
#c395ab
#c791aa
#cc8da9
#d089a9
#d385a6
#d780a3
#da7ca1
#dd789e
#df749b
#e17097
#e26c94
#e36891
#e4648e
#e4618a
#e45d87
#e25983
#e1557f
#de517b
#dc4e77
#db4c75

CSS

background: linear-gradient(210deg in oklch, oklch(75.20% 0.0606 189.14) 0.0%, oklch(74.99% 0.0544 195.06) 3.2%, oklch(74.68% 0.0451 202.95) 6.5%, oklch(74.34% 0.0349 212.72) 9.7%, oklch(73.98% 0.0261 224.26) 12.9%, oklch(73.67% 0.0210 237.50) 16.1%, oklch(73.41% 0.0207 253.81) 19.4%, oklch(73.19% 0.0235 274.28) 22.6%, oklch(72.98% 0.0286 296.18) 25.8%, oklch(72.76% 0.0353 316.70) 29.0%, oklch(72.53% 0.0429 333.05) 32.3%, oklch(72.26% 0.0512 343.08) 35.5%, oklch(71.98% 0.0614 348.22) 38.7%, oklch(71.68% 0.0729 350.18) 41.9%, oklch(71.36% 0.0846 350.59) 45.2%, oklch(71.04% 0.0956 351.09) 48.4%, oklch(70.69% 0.1053 352.90) 51.6%, oklch(70.35% 0.1144 354.66) 54.8%, oklch(69.99% 0.1230 356.13) 58.1%, oklch(69.60% 0.1311 357.39) 61.3%, oklch(69.19% 0.1386 358.53) 64.5%, oklch(68.74% 0.1455 359.64) 67.7%, oklch(68.27% 0.1519 0.62) 71.0%, oklch(67.77% 0.1578 1.46) 74.2%, oklch(67.24% 0.1630 2.21) 77.4%, oklch(66.66% 0.1676 2.92) 80.6%, oklch(66.03% 0.1715 3.62) 83.9%, oklch(65.25% 0.1744 4.35) 87.1%, oklch(64.37% 0.1767 5.07) 90.3%, oklch(63.50% 0.1783 5.73) 93.5%, oklch(62.74% 0.1795 6.28) 96.8%, 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