Hồng, tím, xanh dương và xanh lá (gradient tuyến tính)

Bảng màu Hồng, tím, xanh dương và xanh lá

Gradient tuyến tính, 32 màu, góc 90°: #da98c9, #aa59d4, #5a32ab, #333873, #4d6851. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#da98c9
#d893cb
#d58bcd
#d083d1
#ca7ad4
#c371d6
#bb69d7
#b361d6
#aa59d4
#a151d1
#974ace
#8d44ca
#833fc5
#783bbf
#6d37b9
#6334b2
#5a32ab
#522fa4
#4b2d9c
#442d94
#3e2e8d
#373085
#34347c
#333873
#323c6a
#324163
#32465f
#314d5e
#31565d
#375e5a
#426455
#4d6851

CSS

background: linear-gradient(90deg in oklch, oklch(75.98% 0.1006 336.09) 0.0%, oklch(74.89% 0.1100 333.81) 3.2%, oklch(73.39% 0.1235 330.54) 6.5%, oklch(71.59% 0.1389 326.77) 9.7%, oklch(69.64% 0.1540 322.98) 12.9%, oklch(67.65% 0.1664 319.66) 16.1%, oklch(65.63% 0.1758 317.03) 19.4%, oklch(63.46% 0.1839 314.76) 22.6%, oklch(61.19% 0.1907 312.66) 25.8%, oklch(58.89% 0.1958 310.58) 29.0%, oklch(56.64% 0.1992 308.36) 32.3%, oklch(54.44% 0.2003 305.88) 35.5%, oklch(52.20% 0.1994 303.21) 38.7%, oklch(49.96% 0.1966 300.46) 41.9%, oklch(47.81% 0.1925 297.72) 45.2%, oklch(45.81% 0.1874 295.08) 48.4%, oklch(43.98% 0.1818 292.67) 51.6%, oklch(42.19% 0.1757 290.71) 54.8%, oklch(40.51% 0.1687 288.89) 58.1%, oklch(39.05% 0.1602 286.89) 61.3%, oklch(37.92% 0.1500 284.36) 64.5%, oklch(37.22% 0.1373 281.11) 67.7%, oklch(36.87% 0.1197 278.67) 71.0%, oklch(36.84% 0.0992 276.29) 74.2%, oklch(37.14% 0.0787 272.48) 77.4%, oklch(37.78% 0.0612 265.75) 80.6%, oklch(38.78% 0.0496 254.55) 83.9%, oklch(40.48% 0.0443 235.95) 87.1%, oklch(42.76% 0.0435 211.96) 90.3%, oklch(45.18% 0.0450 186.72) 93.5%, oklch(47.35% 0.0473 164.37) 96.8%, oklch(48.82% 0.0482 149.05) 100.0%);

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

Hoa cài áo cẩm tú cầu thắt ruy băng

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