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°: #1c317b, #5580c2, #bcc5bc, #e5ba85, #a67237. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#1c317b
#1f3782
#233f8c
#284897
#2e53a2
#355dab
#3e68b4
#4974bb
#5580c2
#618bc6
#7494c9
#879dc9
#96a7c8
#9fb0c7
#a5bac5
#aec1c0
#bcc5bc
#c8c7bb
#d1c8bb
#d9c8b5
#e0c6aa
#e4c39c
#e5c08f
#e5ba85
#e3b47b
#deac71
#d8a467
#d09b5d
#c59052
#b98448
#ad7a3e
#a67237

CSS

background: linear-gradient(135deg in oklch, oklch(34.65% 0.1281 267.19) 0.0%, oklch(36.58% 0.1300 266.54) 3.2%, oklch(39.33% 0.1330 265.62) 6.5%, oklch(42.53% 0.1354 264.55) 9.7%, oklch(45.86% 0.1359 263.43) 12.9%, oklch(49.10% 0.1331 262.35) 16.1%, oklch(52.57% 0.1282 261.25) 19.4%, oklch(56.16% 0.1212 260.10) 22.6%, oklch(59.71% 0.1124 258.85) 25.8%, oklch(63.06% 0.1017 257.55) 29.0%, oklch(66.34% 0.0869 259.83) 32.3%, oklch(69.56% 0.0692 263.81) 35.5%, oklch(72.59% 0.0516 264.08) 38.7%, oklch(75.29% 0.0374 255.24) 41.9%, oklch(77.62% 0.0281 230.82) 45.2%, oklch(79.69% 0.0213 190.45) 48.4%, oklch(81.44% 0.0173 144.58) 51.6%, oklch(82.79% 0.0169 104.05) 54.8%, oklch(83.66% 0.0211 79.29) 58.1%, oklch(84.08% 0.0322 69.75) 61.3%, oklch(84.07% 0.0478 69.12) 64.5%, oklch(83.64% 0.0641 72.24) 67.7%, oklch(82.83% 0.0772 73.97) 71.0%, oklch(81.59% 0.0855 72.55) 74.2%, oklch(79.90% 0.0916 71.47) 77.4%, oklch(77.85% 0.0960 70.66) 80.6%, oklch(75.48% 0.0992 69.97) 83.9%, oklch(72.78% 0.1014 69.28) 87.1%, oklch(69.24% 0.1018 68.66) 90.3%, oklch(65.37% 0.1011 68.15) 93.5%, oklch(61.87% 0.0999 67.75) 96.8%, oklch(59.45% 0.0992 67.46) 100.0%);

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

Ánh flash sàn diễ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