Xanh dương sang tím oải hương (tương đồng) tông rực rỡ (gradient tuyến tính)

Bảng màu Xanh dương sang tím oải hương (tương đồng) tông rực rỡ

Gradient tuyến tính, 32 màu, góc 90°: #035ecb, #3165d4, #5b73df, #908ce7, #bca9ec. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#035ecb
#0b5fcb
#125fcc
#1860cd
#1d61cf
#2262d0
#2763d1
#2c64d3
#3165d4
#3666d5
#3b67d7
#4069d8
#456ada
#4a6cdb
#506edd
#5570de
#5b73df
#6275e1
#6979e2
#717ce3
#7980e4
#8184e5
#8888e6
#908ce7
#9891e8
#9f95e9
#a599e9
#ab9dea
#b1a1ea
#b5a4eb
#b9a7eb
#bca9ec

CSS

background: linear-gradient(90deg in oklch, oklch(50.39% 0.1846 258.05) 0.0%, oklch(50.67% 0.1842 258.48) 3.2%, oklch(50.98% 0.1837 258.96) 6.5%, oklch(51.31% 0.1833 259.50) 9.7%, oklch(51.68% 0.1829 260.08) 12.9%, oklch(52.07% 0.1825 260.71) 16.1%, oklch(52.50% 0.1820 261.40) 19.4%, oklch(52.97% 0.1815 262.14) 22.6%, oklch(53.48% 0.1808 262.94) 25.8%, oklch(54.02% 0.1799 263.79) 29.0%, oklch(54.61% 0.1788 264.70) 32.3%, oklch(55.24% 0.1775 265.66) 35.5%, oklch(55.91% 0.1760 266.68) 38.7%, oklch(56.63% 0.1742 267.76) 41.9%, oklch(57.41% 0.1720 268.90) 45.2%, oklch(58.23% 0.1695 270.10) 48.4%, oklch(59.12% 0.1666 271.39) 51.6%, oklch(60.15% 0.1630 272.85) 54.8%, oklch(61.31% 0.1587 274.50) 58.1%, oklch(62.58% 0.1540 276.29) 61.3%, oklch(63.94% 0.1489 278.18) 64.5%, oklch(65.35% 0.1434 280.16) 67.7%, oklch(66.80% 0.1377 282.18) 71.0%, oklch(68.26% 0.1320 284.22) 74.2%, oklch(69.71% 0.1263 286.24) 77.4%, oklch(71.13% 0.1206 288.21) 80.6%, oklch(72.49% 0.1152 290.10) 83.9%, oklch(73.76% 0.1101 291.87) 87.1%, oklch(74.93% 0.1055 293.49) 90.3%, oklch(75.97% 0.1013 294.93) 93.5%, oklch(76.85% 0.0978 296.16) 96.8%, oklch(77.56% 0.0951 297.15) 100.0%);

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

Gradient tươi sá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