Xanh dương, xám và nâu (bổ túc) (gradient tuyến tính)

Bảng màu Xanh dương, xám và nâu (bổ túc)

Gradient tuyến tính, 32 màu, góc 135°: #357ba3, #86a7a1, #b69f81, #977054, #493834. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#357ba3
#3c7fa4
#4785a5
#548ba7
#6192a8
#6c99a8
#759fa7
#7da3a5
#86a7a1
#90a99d
#9aaa9a
#a2ab98
#a9aa96
#ada993
#b0a78f
#b3a488
#b69f81
#b79a79
#b79472
#b48e6d
#af8767
#a87f61
#a0775a
#977054
#8e684e
#856049
#7b5945
#6f5141
#63493d
#58423a
#4f3c36
#493834

CSS

background: linear-gradient(135deg in oklch, oklch(55.51% 0.0937 237.66) 0.0%, oklch(56.86% 0.0883 235.62) 3.2%, oklch(58.78% 0.0806 233.55) 6.5%, oklch(61.04% 0.0716 230.79) 9.7%, oklch(63.38% 0.0622 226.74) 12.9%, oklch(65.59% 0.0535 220.77) 16.1%, oklch(67.42% 0.0466 212.25) 19.4%, oklch(68.83% 0.0414 200.00) 22.6%, oklch(70.12% 0.0368 183.58) 25.8%, oklch(71.25% 0.0329 164.69) 29.0%, oklch(72.17% 0.0301 145.07) 32.3%, oklch(72.84% 0.0285 126.49) 35.5%, oklch(73.19% 0.0285 110.70) 38.7%, oklch(73.20% 0.0305 98.87) 41.9%, oklch(72.92% 0.0355 89.42) 45.2%, oklch(72.36% 0.0424 81.76) 48.4%, oklch(71.52% 0.0500 75.52) 51.6%, oklch(70.42% 0.0572 70.33) 54.8%, oklch(69.05% 0.0627 65.83) 58.1%, oklch(67.41% 0.0656 61.77) 61.3%, oklch(65.37% 0.0669 59.07) 64.5%, oklch(62.98% 0.0670 57.57) 67.7%, oklch(60.37% 0.0660 56.75) 71.0%, oklch(57.63% 0.0642 56.10) 74.2%, oklch(54.89% 0.0617 55.13) 77.4%, oklch(52.23% 0.0586 53.34) 80.6%, oklch(49.32% 0.0539 50.72) 83.9%, oklch(46.18% 0.0478 47.64) 87.1%, oklch(43.02% 0.0410 44.41) 90.3%, oklch(40.09% 0.0344 41.34) 93.5%, oklch(37.61% 0.0287 38.72) 96.8%, oklch(35.83% 0.0248 36.87) 100.0%);

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

Sọc màu xu hướng 2027 Hoài niệm thẻ thư việ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