Đen sang xanh dương (đơn sắc) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #05070f, #0a1429, #0f2a50, #14437a, #1f5fa8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#05070f
#050811
#060913
#060a16
#070c19
#080e1d
#081021
#091225
#0a1429
#0a172d
#0b1932
#0b1c36
#0c1e3b
#0d2140
#0d2445
#0e274a
#0f2a50
#0f2e56
#10315c
#113461
#123867
#123b6d
#133f73
#14437a
#164780
#174b87
#194f8e
#1a5394
#1c579a
#1d5aa0
#1e5da4
#1f5fa8

CSS

background: linear-gradient(135deg in oklch, oklch(13.04% 0.0192 269.80) 0.0%, oklch(13.54% 0.0212 269.22) 3.2%, oklch(14.15% 0.0236 268.45) 6.5%, oklch(14.87% 0.0264 267.52) 9.7%, oklch(15.68% 0.0296 266.49) 12.9%, oklch(16.56% 0.0330 265.39) 16.1%, oklch(17.51% 0.0367 264.26) 19.4%, oklch(18.50% 0.0405 263.14) 22.6%, oklch(19.53% 0.0444 262.08) 25.8%, oklch(20.59% 0.0482 261.11) 29.0%, oklch(21.65% 0.0521 260.28) 32.3%, oklch(22.73% 0.0558 259.60) 35.5%, oklch(23.86% 0.0598 258.98) 38.7%, oklch(25.05% 0.0639 258.43) 41.9%, oklch(26.28% 0.0681 257.93) 45.2%, oklch(27.55% 0.0724 257.48) 48.4%, oklch(28.84% 0.0767 257.08) 51.6%, oklch(30.15% 0.0810 256.71) 54.8%, oklch(31.47% 0.0853 256.37) 58.1%, oklch(32.78% 0.0894 256.07) 61.3%, oklch(34.09% 0.0935 255.78) 64.5%, oklch(35.39% 0.0974 255.52) 67.7%, oklch(36.77% 0.1015 255.29) 71.0%, oklch(38.24% 0.1056 255.12) 74.2%, oklch(39.76% 0.1098 254.98) 77.4%, oklch(41.29% 0.1140 254.88) 80.6%, oklch(42.79% 0.1181 254.80) 83.9%, oklch(44.22% 0.1219 254.74) 87.1%, oklch(45.55% 0.1254 254.70) 90.3%, oklch(46.74% 0.1285 254.66) 93.5%, oklch(47.74% 0.1312 254.62) 96.8%, oklch(48.52% 0.1333 254.58) 100.0%);

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

Dark blue gradients

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