Xanh hải quân, xám và be (bổ túc) (gradient tuyến tính)

Bảng màu Xanh hải quân, xám và be (bổ túc)

Gradient tuyến tính, 32 màu, góc 90°: #001354, #4c679a, #a2b5ba, #d2dec8, #eaeec9. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#001354
#001662
#011975
#0c287b
#1b3582
#294389
#36508f
#425c95
#4c679a
#56729f
#617da3
#6c88a7
#7892aa
#839cae
#8fa5b2
#99adb6
#a2b5ba
#aabcbf
#b1c4c3
#b7cac6
#bdd1c7
#c4d6c8
#cbdbc8
#d2dec8
#d8e2c9
#dde4ca
#e1e7ca
#e4e9ca
#e6eaca
#e8ecca
#e9edc9
#eaeec9

CSS

background: linear-gradient(90deg in oklch, oklch(23.25% 0.1190 263.15) 0.0%, oklch(25.48% 0.1341 263.39) 3.2%, oklch(28.47% 0.1564 263.96) 6.5%, oklch(32.06% 0.1455 264.81) 9.7%, oklch(36.02% 0.1335 265.56) 12.9%, oklch(40.15% 0.1210 265.93) 16.1%, oklch(44.26% 0.1087 265.69) 19.4%, oklch(48.14% 0.0973 264.55) 22.6%, oklch(51.62% 0.0871 262.31) 25.8%, oklch(54.97% 0.0771 259.36) 29.0%, oklch(58.31% 0.0669 255.86) 32.3%, oklch(61.61% 0.0568 251.72) 35.5%, oklch(64.82% 0.0472 246.85) 38.7%, oklch(67.91% 0.0386 241.17) 41.9%, oklch(70.83% 0.0312 234.58) 45.2%, oklch(73.54% 0.0255 227.00) 48.4%, oklch(76.01% 0.0219 218.12) 51.6%, oklch(78.31% 0.0204 206.84) 54.8%, oklch(80.44% 0.0207 193.74) 58.1%, oklch(82.40% 0.0223 179.68) 61.3%, oklch(84.20% 0.0248 165.50) 64.5%, oklch(85.85% 0.0276 152.04) 67.7%, oklch(87.33% 0.0304 140.14) 71.0%, oklch(88.67% 0.0326 130.66) 74.2%, oklch(89.83% 0.0344 124.01) 77.4%, oklch(90.78% 0.0364 119.39) 80.6%, oklch(91.54% 0.0387 116.38) 83.9%, oklch(92.16% 0.0410 114.59) 87.1%, oklch(92.65% 0.0432 113.63) 90.3%, oklch(93.05% 0.0453 113.11) 93.5%, oklch(93.39% 0.0470 112.65) 96.8%, oklch(93.70% 0.0482 111.85) 100.0%);

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

Gradient vàng và xanh dương

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