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

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

Gradient tuyến tính, 32 màu, góc 225°: #717b99, #394967, #0b1d35, #203f4f, #5f736b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#717b99
#6c7794
#65708e
#5c6987
#546180
#4c5a79
#455473
#3f4e6d
#394967
#324361
#2c3e5b
#263754
#1f304c
#182944
#12223c
#0e1e37
#0b1d35
#0b1f36
#0d233a
#0f283e
#122e42
#163346
#1a394a
#203f4f
#264653
#2d4c58
#33535b
#3b5a5f
#456262
#4f6965
#586e68
#5f736b

CSS

background: linear-gradient(225deg in oklch, oklch(58.66% 0.0469 270.00) 0.0%, oklch(57.05% 0.0478 269.46) 3.2%, oklch(54.77% 0.0492 268.72) 6.5%, oklch(52.11% 0.0508 267.84) 9.7%, oklch(49.37% 0.0523 266.88) 12.9%, oklch(46.84% 0.0536 265.93) 16.1%, oklch(44.62% 0.0545 264.96) 19.4%, oklch(42.51% 0.0553 263.89) 22.6%, oklch(40.43% 0.0560 262.79) 25.8%, oklch(38.33% 0.0564 261.73) 29.0%, oklch(36.18% 0.0565 260.77) 32.3%, oklch(33.78% 0.0563 260.08) 35.5%, oklch(30.90% 0.0556 259.79) 38.7%, oklch(27.96% 0.0547 259.61) 41.9%, oklch(25.40% 0.0537 259.18) 45.2%, oklch(23.65% 0.0527 258.16) 48.4%, oklch(23.13% 0.0521 256.25) 51.6%, oklch(23.75% 0.0517 253.60) 54.8%, oklch(25.15% 0.0514 250.41) 58.1%, oklch(27.03% 0.0510 246.82) 61.3%, oklch(29.05% 0.0503 243.00) 64.5%, oklch(30.93% 0.0492 239.14) 67.7%, oklch(32.94% 0.0477 235.46) 71.0%, oklch(35.16% 0.0459 231.70) 74.2%, oklch(37.48% 0.0440 227.46) 77.4%, oklch(39.82% 0.0418 222.36) 80.6%, oklch(42.11% 0.0396 215.97) 83.9%, oklch(44.61% 0.0369 207.13) 87.1%, oklch(47.26% 0.0338 196.51) 90.3%, oklch(49.81% 0.0307 185.68) 93.5%, oklch(51.99% 0.0280 176.19) 96.8%, oklch(53.54% 0.0262 169.61) 100.0%);

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

Gradient xanh dương Xanh hải quân

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