Xanh hải quân sang xanh dương (đơn sắc) (gradient tuyến tính)

Bảng màu Xanh hải quân sang xanh dương (đơn sắc)

Gradient tuyến tính, 32 màu, góc 90°: #081031, #112258, #143f8a, #1960bb, #1c91eb. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#081031
#081133
#091337
#0a153c
#0c1741
#0d1a47
#0e1c4c
#101f52
#112258
#12255e
#122863
#132b6a
#132f70
#133376
#14367d
#143a83
#143f8a
#154391
#154798
#164c9f
#1751a6
#1856ad
#195bb4
#1960bb
#1966c2
#1a6cc9
#1a73d0
#1a7bd7
#1b81dd
#1b88e3
#1c8de8
#1c91eb

CSS

background: linear-gradient(90deg in oklch, oklch(18.90% 0.0661 268.59) 0.0%, oklch(19.54% 0.0688 268.45) 3.2%, oklch(20.39% 0.0723 268.28) 6.5%, oklch(21.39% 0.0765 268.07) 9.7%, oklch(22.51% 0.0812 267.83) 12.9%, oklch(23.72% 0.0861 267.55) 16.1%, oklch(24.98% 0.0911 267.21) 19.4%, oklch(26.24% 0.0959 266.82) 22.6%, oklch(27.47% 0.1003 266.36) 25.8%, oklch(28.72% 0.1046 265.80) 29.0%, oklch(30.02% 0.1090 265.15) 32.3%, oklch(31.36% 0.1134 264.43) 35.5%, oklch(32.73% 0.1177 263.69) 38.7%, oklch(34.14% 0.1220 262.93) 41.9%, oklch(35.58% 0.1262 262.20) 45.2%, oklch(37.05% 0.1303 261.51) 48.4%, oklch(38.55% 0.1343 260.90) 51.6%, oklch(40.09% 0.1383 260.38) 54.8%, oklch(41.67% 0.1424 259.90) 58.1%, oklch(43.29% 0.1463 259.45) 61.3%, oklch(44.93% 0.1501 258.99) 64.5%, oklch(46.59% 0.1536 258.47) 67.7%, oklch(48.27% 0.1567 257.88) 71.0%, oklch(49.97% 0.1593 257.17) 74.2%, oklch(51.74% 0.1613 256.28) 77.4%, oklch(53.70% 0.1627 255.18) 80.6%, oklch(55.76% 0.1637 253.94) 83.9%, oklch(57.82% 0.1643 252.64) 87.1%, oklch(59.79% 0.1646 251.37) 90.3%, oklch(61.57% 0.1649 250.20) 93.5%, oklch(63.06% 0.1651 249.22) 96.8%, oklch(64.17% 0.1654 248.52) 100.0%);

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

Xanh dương tông lạnh

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