Xanh hải quân sang xanh cổ vịt (hai tông) (gradient tuyến tính)

Bảng màu Xanh hải quân sang xanh cổ vịt (hai tông)

Gradient tuyến tính, 32 màu, góc 135°: #000527, #04134d, #1d4966, #307c7a, #4bb290. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#000527
#00052a
#000432
#00013b
#01033f
#020542
#030846
#030d49
#04134d
#041950
#052053
#082656
#0c2d59
#11345c
#163b5f
#1a4262
#1d4966
#1f506a
#20576d
#225f70
#246673
#276e75
#2b7577
#307c7a
#35837c
#398a80
#3c9283
#3f9a87
#42a18a
#45a88c
#48ae8e
#4bb290

CSS

background: linear-gradient(135deg in oklch, oklch(14.22% 0.0721 263.06) 0.0%, oklch(14.79% 0.0778 263.39) 3.2%, oklch(15.49% 0.0912 264.06) 6.5%, oklch(16.29% 0.1089 264.43) 9.7%, oklch(17.25% 0.1100 265.34) 12.9%, oklch(18.35% 0.1108 266.06) 16.1%, oklch(19.58% 0.1110 266.37) 19.4%, oklch(20.94% 0.1102 266.12) 22.6%, oklch(22.44% 0.1082 265.12) 25.8%, oklch(24.13% 0.1045 263.62) 29.0%, oklch(26.02% 0.0994 261.73) 32.3%, oklch(28.05% 0.0934 259.43) 35.5%, oklch(30.19% 0.0871 256.69) 38.7%, oklch(32.38% 0.0810 253.49) 41.9%, oklch(34.58% 0.0757 249.78) 45.2%, oklch(36.74% 0.0716 245.56) 48.4%, oklch(38.84% 0.0693 240.68) 51.6%, oklch(40.97% 0.0679 234.65) 54.8%, oklch(43.13% 0.0674 227.73) 58.1%, oklch(45.30% 0.0675 220.27) 61.3%, oklch(47.47% 0.0684 212.67) 64.5%, oklch(49.62% 0.0697 205.30) 67.7%, oklch(51.74% 0.0716 198.52) 71.0%, oklch(53.82% 0.0738 192.72) 74.2%, oklch(55.90% 0.0767 187.99) 77.4%, oklch(58.11% 0.0808 183.82) 80.6%, oklch(60.36% 0.0858 180.16) 83.9%, oklch(62.58% 0.0912 176.97) 87.1%, oklch(64.66% 0.0966 174.21) 90.3%, oklch(66.53% 0.1017 171.86) 93.5%, oklch(68.10% 0.1059 169.87) 96.8%, oklch(69.29% 0.1089 168.21) 100.0%);

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

Gradient đại dương Gradient xanh hải quân và xanh cổ vịt

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