Xanh dương, tím và hồng (tương đồng) (gradient tuyến tính)

Bảng màu Xanh dương, tím và hồng (tương đồng)

Gradient tuyến tính, 32 màu, góc 45°: #2a4292, #4251c8, #8f59e7, #d36dde, #ff9ad4. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#2a4292
#2b4496
#2d459c
#2f47a2
#3149a9
#344bb1
#384db8
#3c4fc0
#4251c8
#4852cf
#5054d5
#5855da
#6256df
#6d57e2
#7858e5
#8358e6
#8f59e7
#9a5ae7
#a55ce6
#af5ee5
#b960e3
#c264e2
#cb68e0
#d36dde
#db72dc
#e379da
#ea7fd8
#f085d7
#f58cd6
#fa91d5
#fd96d4
#ff9ad4

CSS

background: linear-gradient(45deg in oklch, oklch(40.94% 0.1350 267.19) 0.0%, oklch(41.59% 0.1388 267.61) 3.2%, oklch(42.41% 0.1438 267.98) 6.5%, oklch(43.37% 0.1499 268.37) 9.7%, oklch(44.44% 0.1567 268.82) 12.9%, oklch(45.61% 0.1639 269.39) 16.1%, oklch(46.85% 0.1711 270.13) 19.4%, oklch(48.13% 0.1782 271.11) 22.6%, oklch(49.43% 0.1846 272.36) 25.8%, oklch(50.71% 0.1902 273.95) 29.0%, oklch(51.96% 0.1945 275.94) 32.3%, oklch(53.17% 0.1977 278.40) 35.5%, oklch(54.39% 0.2002 281.43) 38.7%, oklch(55.64% 0.2023 284.92) 41.9%, oklch(56.90% 0.2039 288.77) 45.2%, oklch(58.19% 0.2049 292.88) 48.4%, oklch(59.49% 0.2054 297.13) 51.6%, oklch(60.80% 0.2053 301.42) 54.8%, oklch(62.13% 0.2046 305.65) 58.1%, oklch(63.48% 0.2033 309.71) 61.3%, oklch(64.84% 0.2014 313.49) 64.5%, oklch(66.21% 0.1988 316.91) 67.7%, oklch(67.71% 0.1948 320.30) 71.0%, oklch(69.31% 0.1895 323.71) 74.2%, oklch(70.98% 0.1833 327.09) 77.4%, oklch(72.67% 0.1764 330.39) 80.6%, oklch(74.34% 0.1692 333.55) 83.9%, oklch(75.93% 0.1621 336.52) 87.1%, oklch(77.41% 0.1553 339.24) 90.3%, oklch(78.73% 0.1492 341.67) 93.5%, oklch(79.84% 0.1442 343.73) 96.8%, oklch(80.71% 0.1382 345.38) 100.0%);

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

Gradient neon

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