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

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

Gradient tuyến tính, 32 màu, góc 180°: #122858, #d0e3e6, #88aead, #007273, #21d3d7. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#122858
#193663
#274971
#3c6183
#567c96
#7498ab
#94b3bf
#b4cdd4
#d0e3e6
#e6f4f5
#f3fdfe
#f4ffff
#ebf8f7
#d9ebea
#c1d9d7
#a5c4c2
#88aead
#6a9a98
#4e8786
#347878
#1b6e6f
#006b6c
#006c6d
#007273
#007b7c
#008889
#009698
#00a5a7
#00b3b6
#10c1c4
#1ccbcf
#21d3d7

CSS

background: linear-gradient(180deg in oklch, oklch(29.13% 0.0909 262.97) 0.0%, oklch(33.66% 0.0857 258.95) 3.2%, oklch(40.12% 0.0783 253.45) 6.5%, oklch(47.98% 0.0691 246.84) 9.7%, oklch(56.73% 0.0590 239.46) 12.9%, oklch(65.85% 0.0484 231.66) 16.1%, oklch(74.82% 0.0381 223.79) 19.4%, oklch(83.11% 0.0286 216.20) 22.6%, oklch(90.21% 0.0206 209.25) 25.8%, oklch(95.60% 0.0146 203.28) 29.0%, oklch(98.75% 0.0114 198.64) 32.3%, oklch(99.17% 0.0113 195.52) 35.5%, oklch(96.94% 0.0139 193.47) 38.7%, oklch(92.59% 0.0187 192.30) 41.9%, oklch(86.68% 0.0253 191.85) 45.2%, oklch(79.75% 0.0331 191.95) 48.4%, oklch(72.37% 0.0418 192.46) 51.6%, oklch(65.07% 0.0509 193.20) 54.8%, oklch(58.42% 0.0598 194.02) 58.1%, oklch(52.96% 0.0683 194.75) 61.3%, oklch(49.26% 0.0757 195.23) 64.5%, oklch(47.80% 0.0815 195.34) 67.7%, oklch(48.21% 0.0822 195.42) 71.0%, oklch(50.03% 0.0853 195.57) 74.2%, oklch(52.96% 0.0903 195.78) 77.4%, oklch(56.69% 0.0966 196.03) 80.6%, oklch(60.91% 0.1038 196.31) 83.9%, oklch(65.33% 0.1112 196.59) 87.1%, oklch(69.62% 0.1185 196.87) 90.3%, oklch(73.49% 0.1233 197.11) 93.5%, oklch(76.63% 0.1268 197.31) 96.8%, oklch(78.74% 0.1295 197.45) 100.0%);

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

Xanh ngọc lam

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