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

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

Gradient tuyến tính, 40 màu, góc 180°: #0d0e1c, #201d57, #113c9a, #00a0ad, #04203b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0d0e1c
#0e0f1f
#0f1024
#111129
#13132f
#151435
#17163c
#1a1843
#1c194a
#1e1b51
#201d57
#211e5e
#231f64
#23206b
#242271
#242377
#24257e
#232985
#202d8c
#1b3493
#113c9a
#00499d
#00589b
#00679d
#0075a2
#0082a7
#008eab
#0098ae
#009eae
#00a0ad
#009ca8
#0092a1
#008597
#00758a
#00637c
#00526d
#00415f
#023350
#042844
#04203b

CSS

background: linear-gradient(180deg in oklch, oklch(16.93% 0.0303 279.84) 0.0%, oklch(17.55% 0.0347 279.91) 2.6%, oklch(18.35% 0.0404 280.09) 5.1%, oklch(19.30% 0.0471 280.33) 7.7%, oklch(20.36% 0.0547 280.58) 10.3%, oklch(21.51% 0.0628 280.79) 12.8%, oklch(22.71% 0.0712 280.92) 15.4%, oklch(23.93% 0.0796 280.92) 17.9%, oklch(25.15% 0.0877 280.74) 20.5%, oklch(26.32% 0.0954 280.33) 23.1%, oklch(27.43% 0.1023 279.66) 25.6%, oklch(28.43% 0.1094 278.99) 28.2%, oklch(29.35% 0.1169 278.37) 30.8%, oklch(30.23% 0.1245 277.69) 33.3%, oklch(31.11% 0.1320 276.86) 35.9%, oklch(32.05% 0.1391 275.77) 38.5%, oklch(33.10% 0.1456 274.32) 41.0%, oklch(34.28% 0.1513 272.43) 43.6%, oklch(35.66% 0.1558 269.98) 46.2%, oklch(37.28% 0.1589 266.88) 48.7%, oklch(39.26% 0.1604 262.88) 51.3%, oklch(42.03% 0.1508 257.26) 53.8%, oklch(45.41% 0.1295 250.28) 56.4%, oklch(49.15% 0.1176 242.44) 59.0%, oklch(52.98% 0.1112 234.25) 61.5%, oklch(56.63% 0.1085 226.19) 64.1%, oklch(59.86% 0.1081 218.76) 66.7%, oklch(62.39% 0.1089 212.44) 69.2%, oklch(63.96% 0.1099 207.72) 71.8%, oklch(64.31% 0.1098 205.09) 74.4%, oklch(63.14% 0.1078 204.98) 76.9%, oklch(60.43% 0.1037 207.19) 79.5%, oklch(56.51% 0.0982 211.26) 82.1%, oklch(51.72% 0.0922 216.68) 84.6%, oklch(46.41% 0.0864 222.97) 87.2%, oklch(40.91% 0.0812 229.65) 89.7%, oklch(35.59% 0.0768 236.23) 92.3%, oklch(30.76% 0.0709 242.11) 94.9%, oklch(26.79% 0.0650 246.97) 97.4%, oklch(24.02% 0.0606 250.25) 100.0%);

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

Gradient banner máy chủ Discord

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