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

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

Gradient tuyến tính, 40 màu, góc 135°: #000e27, #003790, #6342f7, #b64ffb, #ef58d7. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#000e27
#00112c
#001433
#00183a
#001c43
#00204d
#002558
#002a64
#002f71
#003380
#003790
#0039a2
#0036ba
#0d35ca
#1c37d4
#2939dc
#353be4
#413dea
#4d3eef
#5840f4
#6342f7
#6e44fa
#7846fc
#8248fd
#8b49fe
#954bff
#9d4cff
#a64dff
#ae4efd
#b64ffb
#be50f8
#c651f5
#cd52f1
#d453ed
#da54e8
#df55e4
#e455e0
#e856dd
#ec57d9
#ef58d7

CSS

background: linear-gradient(135deg in oklch, oklch(16.96% 0.0575 255.81) 0.0%, oklch(18.12% 0.0620 256.06) 2.6%, oklch(19.60% 0.0677 256.29) 5.1%, oklch(21.33% 0.0744 256.55) 7.7%, oklch(23.28% 0.0821 256.85) 10.3%, oklch(25.40% 0.0910 257.21) 12.8%, oklch(27.65% 0.1009 257.66) 15.4%, oklch(29.97% 0.1120 258.21) 17.9%, oklch(32.32% 0.1246 258.88) 20.5%, oklch(34.65% 0.1391 259.70) 23.1%, oklch(36.93% 0.1565 260.67) 25.6%, oklch(39.10% 0.1786 261.83) 28.2%, oklch(41.11% 0.2113 263.19) 30.8%, oklch(42.91% 0.2301 264.75) 33.3%, oklch(44.59% 0.2366 266.60) 35.9%, oklch(46.22% 0.2417 268.71) 38.5%, oklch(47.82% 0.2456 271.06) 41.0%, oklch(49.36% 0.2484 273.61) 43.6%, oklch(50.86% 0.2502 276.31) 46.2%, oklch(52.32% 0.2513 279.14) 48.7%, oklch(53.72% 0.2517 282.07) 51.3%, oklch(55.08% 0.2516 285.05) 53.8%, oklch(56.38% 0.2512 288.06) 56.4%, oklch(57.62% 0.2507 291.05) 59.0%, oklch(58.81% 0.2501 294.00) 61.5%, oklch(59.95% 0.2496 296.87) 64.1%, oklch(61.02% 0.2494 299.62) 66.7%, oklch(62.04% 0.2491 302.40) 69.2%, oklch(63.01% 0.2484 305.33) 71.8%, oklch(63.92% 0.2472 308.38) 74.4%, oklch(64.77% 0.2457 311.49) 76.9%, oklch(65.58% 0.2439 314.62) 79.5%, oklch(66.33% 0.2420 317.71) 82.1%, oklch(67.02% 0.2399 320.73) 84.6%, oklch(67.67% 0.2379 323.62) 87.2%, oklch(68.26% 0.2359 326.33) 89.7%, oklch(68.79% 0.2340 328.82) 92.3%, oklch(69.28% 0.2324 331.05) 94.9%, oklch(69.70% 0.2311 332.95) 97.4%, oklch(70.08% 0.2301 334.49) 100.0%);

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

Gradient Cyber Monday

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