Xanh hải quân, xanh dương và tím oải hương (tương đồng) (gradient tuyến tính)

Bảng màu Xanh hải quân, xanh dương và tím oải hương (tương đồng)

Gradient tuyến tính, 32 màu, góc 180°: #0a1535, #1e419f, #6756e4, #ab69f0, #e6b0fb. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0a1535
#0c193c
#0e1d47
#102355
#112964
#133074
#153683
#183c92
#1e419f
#2445aa
#2c48b5
#354bbf
#3f4dc8
#494fd0
#5351d8
#5d53de
#6756e4
#7158e8
#7b5aeb
#855bed
#8f5def
#9960ef
#a264f0
#ab69f0
#b470f1
#bd79f3
#c683f4
#ce8ef5
#d698f7
#dca2f9
#e2aafa
#e6b0fb

CSS

background: linear-gradient(180deg in oklch, oklch(20.87% 0.0634 266.48) 0.0%, oklch(22.49% 0.0711 266.18) 3.2%, oklch(24.69% 0.0817 265.62) 6.5%, oklch(27.33% 0.0944 264.95) 9.7%, oklch(30.22% 0.1082 264.30) 12.9%, oklch(33.20% 0.1224 263.80) 16.1%, oklch(36.12% 0.1359 263.60) 19.4%, oklch(38.80% 0.1481 263.83) 22.6%, oklch(41.09% 0.1580 264.63) 25.8%, oklch(43.13% 0.1668 265.95) 29.0%, oklch(45.05% 0.1750 267.70) 32.3%, oklch(46.87% 0.1825 269.79) 35.5%, oklch(48.60% 0.1892 272.15) 38.7%, oklch(50.27% 0.1951 274.68) 41.9%, oklch(51.90% 0.2000 277.32) 45.2%, oklch(53.52% 0.2038 279.97) 48.4%, oklch(55.12% 0.2066 282.62) 51.6%, oklch(56.60% 0.2084 285.56) 54.8%, oklch(57.98% 0.2095 288.72) 58.1%, oklch(59.32% 0.2095 292.00) 61.3%, oklch(60.66% 0.2085 295.28) 64.5%, oklch(62.07% 0.2064 298.44) 67.7%, oklch(63.60% 0.2031 301.37) 71.0%, oklch(65.29% 0.1984 303.95) 74.2%, oklch(67.26% 0.1918 306.16) 77.4%, oklch(69.60% 0.1823 308.17) 80.6%, oklch(72.16% 0.1707 309.98) 83.9%, oklch(74.80% 0.1582 311.60) 87.1%, oklch(77.35% 0.1455 313.03) 90.3%, oklch(79.68% 0.1338 314.26) 93.5%, oklch(81.64% 0.1240 315.30) 96.8%, oklch(83.07% 0.1171 316.15) 100.0%);

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

Gradient tím rực

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