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°: #ef87a6, #ab3867, #42435c, #127279, #33a89f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#ef87a6
#ec80a1
#e87599
#e26890
#da5c87
#d1527f
#c54876
#b83f6e
#ab3867
#9d3563
#90355e
#82385b
#753a59
#683d59
#5c3e5b
#4e405d
#42435c
#39455a
#35495b
#315060
#2a5867
#21626f
#186b75
#127279
#107a7e
#128084
#16878a
#1a8e8f
#209594
#289d98
#2ea39d
#33a89f

CSS

background: linear-gradient(270deg in oklch, oklch(74.41% 0.1309 1.41) 0.0%, oklch(72.72% 0.1371 1.49) 3.2%, oklch(70.33% 0.1464 1.64) 6.5%, oklch(67.53% 0.1558 1.72) 9.7%, oklch(64.61% 0.1626 1.57) 12.9%, oklch(61.70% 0.1647 1.17) 16.1%, oklch(58.46% 0.1643 0.82) 19.4%, oklch(55.11% 0.1613 0.21) 22.6%, oklch(51.94% 0.1553 358.99) 25.8%, oklch(49.26% 0.1458 356.82) 29.0%, oklch(47.02% 0.1304 355.07) 32.3%, oklch(45.08% 0.1105 353.21) 35.5%, oklch(43.44% 0.0900 349.30) 38.7%, oklch(42.07% 0.0727 341.41) 41.9%, oklch(40.91% 0.0605 327.17) 45.2%, oklch(39.87% 0.0505 306.35) 48.4%, oklch(39.17% 0.0431 282.90) 51.6%, oklch(39.02% 0.0390 260.90) 54.8%, oklch(39.65% 0.0392 244.20) 58.1%, oklch(41.26% 0.0454 231.61) 61.3%, oklch(43.56% 0.0558 221.53) 64.5%, oklch(46.12% 0.0671 213.47) 67.7%, oklch(48.51% 0.0762 206.91) 71.0%, oklch(50.60% 0.0819 202.15) 74.2%, oklch(52.66% 0.0861 199.71) 77.4%, oklch(54.71% 0.0893 198.52) 80.6%, oklch(56.73% 0.0921 197.49) 83.9%, oklch(58.76% 0.0949 195.66) 87.1%, oklch(61.00% 0.0973 193.45) 90.3%, oklch(63.23% 0.0993 191.28) 93.5%, oklch(65.17% 0.1008 189.42) 96.8%, oklch(66.54% 0.1020 188.10) 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