Xanh dương nhạt sang tím (tương đồng) (gradient tuyến tính)

Xanh dương nhạt sang tím (tương đồng): bảng màu gồm 32 màu. #a3cffd, #77aaff, #5e6ff4, #5f3ccc, #601698. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 4 keyframe OKLCH chỉnh sửa được.

#a3cffd
#9eccfe
#99c9ff
#94c5ff
#8ec0ff
#88bbff
#82b6ff
#7db0ff
#77aaff
#72a3ff
#6e9dff
#6a96ff
#668fff
#6287ff
#607ffd
#5f77f8
#5e6ff4
#5d67ef
#5d5fea
#5d57e4
#5d50df
#5d49d9
#5e42d3
#5f3ccc
#6035c5
#6130bd
#612ab5
#6125ae
#6121a7
#611da1
#61199c
#601698

CSS

background: linear-gradient(90deg in oklch, oklch(83.86% 0.0799 250.31) 0.0%, oklch(83.09% 0.0853 251.08) 3.2%, oklch(82.12% 0.0920 252.04) 6.5%, oklch(80.99% 0.0978 253.17) 9.7%, oklch(79.72% 0.1042 254.43) 12.9%, oklch(78.34% 0.1114 255.82) 16.1%, oklch(76.87% 0.1190 257.29) 19.4%, oklch(75.33% 0.1272 258.82) 22.6%, oklch(73.75% 0.1356 260.39) 25.8%, oklch(72.17% 0.1443 261.97) 29.0%, oklch(70.59% 0.1530 263.53) 32.3%, oklch(69.02% 0.1620 265.08) 35.5%, oklch(67.33% 0.1718 266.66) 38.7%, oklch(65.56% 0.1825 268.28) 41.9%, oklch(63.72% 0.1897 269.94) 45.2%, oklch(61.84% 0.1942 271.64) 48.4%, oklch(59.96% 0.1982 273.38) 51.6%, oklch(58.11% 0.2017 275.16) 54.8%, oklch(56.30% 0.2046 276.97) 58.1%, oklch(54.58% 0.2069 278.83) 61.3%, oklch(52.97% 0.2086 280.73) 64.5%, oklch(51.49% 0.2097 282.68) 67.7%, oklch(50.05% 0.2097 284.83) 71.0%, oklch(48.64% 0.2087 287.18) 74.2%, oklch(47.28% 0.2069 289.64) 77.4%, oklch(45.97% 0.2046 292.16) 80.6%, oklch(44.73% 0.2018 294.64) 83.9%, oklch(43.58% 0.1989 297.04) 87.1%, oklch(42.53% 0.1961 299.26) 90.3%, oklch(41.60% 0.1936 301.24) 93.5%, oklch(40.81% 0.1915 302.92) 96.8%, oklch(40.16% 0.1902 304.21) 100.0%);

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

Gradient xanh dương 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