Xanh hải quân, tím và hồng (tương đồng) (gradient hình nón)

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

Gradient hình nón, 32 màu, góc 101°: #071022, #113b7b, #1e5fd9, #8836f1, #f031c9. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#071022
#081329
#0a1831
#0c1d3c
#0d2348
#0f2955
#102f62
#11356f
#113b7b
#104187
#0d4693
#074ca0
#0152ac
#0058b8
#005cc4
#0b5ecf
#1e5fd9
#2f5de2
#3f59e8
#4f53ed
#5e4bf0
#6d44f2
#7b3cf2
#8836f1
#9531ef
#a42fec
#b42ee8
#c32ee2
#d22edb
#df2fd4
#e930ce
#f031c9

CSS

background: conic-gradient(from 101deg in oklch, oklch(17.72% 0.0400 262.27) 0.0%, oklch(19.18% 0.0460 261.98) 3.2%, oklch(21.16% 0.0541 261.57) 6.5%, oklch(23.52% 0.0637 261.07) 9.7%, oklch(26.12% 0.0743 260.55) 12.9%, oklch(28.84% 0.0856 260.04) 16.1%, oklch(31.54% 0.0970 259.59) 19.4%, oklch(34.09% 0.1080 259.25) 22.6%, oklch(36.38% 0.1182 259.05) 25.8%, oklch(38.63% 0.1284 258.62) 29.0%, oklch(40.92% 0.1388 257.99) 32.3%, oklch(43.20% 0.1493 257.35) 35.5%, oklch(45.40% 0.1598 256.93) 38.7%, oklch(47.46% 0.1681 256.95) 41.9%, oklch(49.31% 0.1793 257.58) 45.2%, oklch(50.90% 0.1897 259.03) 48.4%, oklch(52.15% 0.1989 261.56) 51.6%, oklch(52.97% 0.2082 265.16) 54.8%, oklch(53.47% 0.2175 269.61) 58.1%, oklch(53.76% 0.2265 274.70) 61.3%, oklch(53.96% 0.2350 280.20) 64.5%, oklch(54.20% 0.2428 285.89) 67.7%, oklch(54.60% 0.2496 291.54) 71.0%, oklch(55.28% 0.2551 296.92) 74.2%, oklch(56.35% 0.2592 302.17) 77.4%, oklch(57.74% 0.2617 307.91) 80.6%, oklch(59.35% 0.2631 313.92) 83.9%, oklch(61.06% 0.2636 319.92) 87.1%, oklch(62.74% 0.2636 325.63) 90.3%, oklch(64.30% 0.2633 330.79) 93.5%, oklch(65.60% 0.2630 335.12) 96.8%, oklch(66.54% 0.2632 338.35) 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