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°: #121f29, #3e6762, #919672, #ccad8e, #f0dec8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#121f29
#15242e
#192b35
#1e343e
#233f47
#294a50
#2f5557
#375f5e
#3e6762
#476f65
#507667
#5b7d69
#66836a
#71886b
#7c8d6d
#87916f
#919672
#9b9a74
#a59d77
#aea07a
#b6a37e
#bea683
#c5a988
#ccad8e
#d2b295
#d8b99d
#ddc0a5
#e2c7ad
#e6ceb5
#ead5bd
#eddac3
#f0dec8

CSS

background: linear-gradient(90deg in oklch, oklch(23.23% 0.0262 242.58) 0.0%, oklch(25.23% 0.0280 238.28) 3.2%, oklch(27.97% 0.0305 232.67) 6.5%, oklch(31.23% 0.0334 225.98) 9.7%, oklch(34.81% 0.0367 218.49) 12.9%, oklch(38.51% 0.0399 210.45) 16.1%, oklch(42.12% 0.0429 202.12) 19.4%, oklch(45.45% 0.0454 193.76) 22.6%, oklch(48.31% 0.0472 185.59) 25.8%, oklch(50.89% 0.0485 177.02) 29.0%, oklch(53.34% 0.0493 167.92) 32.3%, oklch(55.66% 0.0498 158.51) 35.5%, oklch(57.88% 0.0500 148.99) 38.7%, oklch(60.00% 0.0502 139.57) 41.9%, oklch(62.04% 0.0504 130.47) 45.2%, oklch(64.00% 0.0507 121.90) 48.4%, oklch(65.89% 0.0513 113.92) 51.6%, oklch(67.62% 0.0521 105.83) 54.8%, oklch(69.22% 0.0531 97.76) 58.1%, oklch(70.73% 0.0542 89.97) 61.3%, oklch(72.20% 0.0550 82.71) 64.5%, oklch(73.66% 0.0556 76.27) 67.7%, oklch(75.16% 0.0558 70.90) 71.0%, oklch(76.75% 0.0553 66.87) 74.2%, oklch(78.49% 0.0541 64.51) 77.4%, oklch(80.44% 0.0520 63.91) 80.6%, oklch(82.50% 0.0492 64.66) 83.9%, oklch(84.56% 0.0461 66.31) 87.1%, oklch(86.54% 0.0430 68.45) 90.3%, oklch(88.33% 0.0400 70.65) 93.5%, oklch(89.83% 0.0375 72.48) 96.8%, oklch(90.94% 0.0358 73.50) 100.0%);

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

Gradient viễn thám

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