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

Gradient tuyến tính, 32 màu, góc 270°: #f088ac, #de5f96, #b7417e, #685d73, #06515f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f088ac
#ef84aa
#ed7fa8
#eb79a5
#e974a2
#e66e9f
#e4699c
#e16499
#de5f96
#db5a93
#d85591
#d44f8e
#d04a8c
#cb468a
#c54487
#be4282
#b7417e
#ae427b
#a4457a
#984b76
#8b5272
#7d5770
#725b70
#685d73
#5c6179
#4c667a
#3d6973
#35686a
#2a6364
#1d5c62
#105660
#06515f

CSS

background: linear-gradient(270deg in oklch, oklch(74.80% 0.1323 358.59) 0.0%, oklch(74.06% 0.1359 358.24) 3.2%, oklch(73.01% 0.1411 357.72) 6.5%, oklch(71.80% 0.1468 357.16) 9.7%, oklch(70.57% 0.1523 356.65) 12.9%, oklch(69.44% 0.1568 356.31) 16.1%, oklch(68.31% 0.1609 356.11) 19.4%, oklch(67.15% 0.1648 355.96) 22.6%, oklch(65.98% 0.1683 355.75) 25.8%, oklch(64.79% 0.1713 355.35) 29.0%, oklch(63.58% 0.1747 354.76) 32.3%, oklch(62.34% 0.1781 354.03) 35.5%, oklch(61.09% 0.1802 353.24) 38.7%, oklch(59.82% 0.1799 352.46) 41.9%, oklch(58.49% 0.1766 351.95) 45.2%, oklch(57.08% 0.1715 351.90) 48.4%, oklch(55.68% 0.1640 351.69) 51.6%, oklch(54.37% 0.1533 350.67) 54.8%, oklch(53.24% 0.1384 348.39) 58.1%, oklch(52.27% 0.1151 347.07) 61.3%, oklch(51.42% 0.0873 345.32) 64.5%, oklch(50.69% 0.0612 340.29) 67.7%, oklch(50.08% 0.0429 329.15) 71.0%, oklch(49.74% 0.0365 307.30) 74.2%, oklch(49.72% 0.0383 275.31) 77.4%, oklch(49.69% 0.0445 241.25) 80.6%, oklch(49.32% 0.0512 213.32) 83.9%, oklch(48.24% 0.0552 199.09) 87.1%, oklch(46.27% 0.0590 197.40) 90.3%, oklch(43.90% 0.0629 202.85) 93.5%, oklch(41.67% 0.0664 210.37) 96.8%, oklch(40.16% 0.0689 214.88) 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