Tím, hồng và hồng đào tông rực rỡ liền mạch (gradient tuyến tính)

Bảng màu Tím, hồng và hồng đào tông rực rỡ liền mạch

Gradient tuyến tính, 32 màu, góc 135°: #351b6b, #b735ac, #ff9768, #a12597, #301961. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#351b6b
#3d1e73
#48217e
#57248a
#682797
#7b2aa2
#8f2eaa
#a431ae
#b735ac
#cd3ca4
#e34796
#f65684
#ff6c75
#ff8370
#ff926d
#ff996c
#ff9768
#ff8b64
#ff7661
#f65f6a
#e54b79
#cf3a87
#b72d91
#a12597
#8f2198
#7c1e94
#6a1d8e
#5a1d85
#4c1c7b
#401b70
#361a67
#301961

CSS

background: linear-gradient(135deg in oklch, oklch(31.10% 0.1295 291.80) 0.0%, oklch(33.11% 0.1368 294.58) 3.2%, oklch(35.81% 0.1474 298.00) 6.5%, oklch(39.03% 0.1602 302.06) 9.7%, oklch(42.58% 0.1737 306.75) 12.9%, oklch(46.30% 0.1867 312.06) 16.1%, oklch(50.00% 0.1979 318.00) 19.4%, oklch(53.51% 0.2061 324.54) 22.6%, oklch(56.68% 0.2099 331.78) 25.8%, oklch(60.16% 0.2090 341.48) 29.0%, oklch(64.00% 0.2045 353.41) 32.3%, oklch(67.90% 0.1976 6.35) 35.5%, oklch(71.54% 0.1788 19.11) 38.7%, oklch(74.64% 0.1541 30.47) 41.9%, oklch(76.87% 0.1411 39.23) 45.2%, oklch(77.95% 0.1367 44.20) 48.4%, oklch(77.55% 0.1398 44.20) 51.6%, oklch(75.58% 0.1510 39.23) 54.8%, oklch(72.39% 0.1719 30.47) 58.1%, oklch(68.33% 0.1846 19.11) 61.3%, oklch(63.77% 0.1913 6.35) 64.5%, oklch(59.09% 0.1970 353.41) 67.7%, oklch(54.65% 0.2004 341.48) 71.0%, oklch(50.82% 0.2005 331.78) 74.2%, oklch(47.61% 0.1961 324.54) 77.4%, oklch(44.40% 0.1876 318.00) 80.6%, oklch(41.23% 0.1763 312.06) 83.9%, oklch(38.19% 0.1634 306.75) 87.1%, oklch(35.37% 0.1501 302.06) 90.3%, oklch(32.86% 0.1376 298.00) 93.5%, oklch(30.75% 0.1271 294.58) 96.8%, oklch(29.13% 0.1199 291.80) 100.0%);

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

Gradient hoàng hôn Gradient cam và tím

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