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

Bảng màu Xanh dương nhạt, xám và xanh hải quân

Gradient tuyến tính, 32 màu, góc 45°: #a0b4d2, #8a9cb8, #5b677b, #323946, #1d222c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#a0b4d2
#9eb2d1
#9cb0ce
#9aaecc
#98abc9
#95a8c6
#92a5c2
#8fa1bd
#8a9cb8
#8597b1
#8091aa
#7a8aa3
#74839b
#6d7c93
#67758b
#616e83
#5b677b
#556073
#4e596b
#485263
#424b5a
#3c4453
#363e4c
#323946
#2e3541
#2a313d
#272d39
#242a35
#222832
#202530
#1f242e
#1d222c

CSS

background: linear-gradient(45deg in oklch, oklch(76.38% 0.0496 258.75) 0.0%, oklch(75.88% 0.0493 258.74) 3.2%, oklch(75.30% 0.0490 258.72) 6.5%, oklch(74.60% 0.0486 258.70) 9.7%, oklch(73.78% 0.0481 258.68) 12.9%, oklch(72.82% 0.0475 258.67) 16.1%, oklch(71.70% 0.0469 258.68) 19.4%, oklch(70.40% 0.0461 258.71) 22.6%, oklch(68.89% 0.0452 258.77) 25.8%, oklch(67.14% 0.0442 258.85) 29.0%, oklch(65.14% 0.0431 258.95) 32.3%, oklch(62.97% 0.0419 259.06) 35.5%, oklch(60.66% 0.0406 259.20) 38.7%, oklch(58.29% 0.0392 259.35) 41.9%, oklch(55.89% 0.0379 259.52) 45.2%, oklch(53.52% 0.0365 259.71) 48.4%, oklch(51.19% 0.0351 259.91) 51.6%, oklch(48.73% 0.0337 260.13) 54.8%, oklch(46.16% 0.0321 260.37) 58.1%, oklch(43.56% 0.0306 260.63) 61.3%, oklch(41.00% 0.0290 260.91) 64.5%, oklch(38.56% 0.0275 261.20) 67.7%, oklch(36.30% 0.0262 261.51) 71.0%, oklch(34.31% 0.0251 261.84) 74.2%, oklch(32.59% 0.0241 262.20) 77.4%, oklch(31.07% 0.0233 262.63) 80.6%, oklch(29.71% 0.0227 263.10) 83.9%, oklch(28.51% 0.0221 263.58) 87.1%, oklch(27.47% 0.0217 264.05) 90.3%, oklch(26.57% 0.0213 264.47) 93.5%, oklch(25.82% 0.0210 264.83) 96.8%, oklch(25.20% 0.0207 265.09) 100.0%);

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

Bảng màu tối giả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