Xám sang xanh dương nhạt (đơn sắc) (gradient tuyến tính)

Bảng màu Xám sang xanh dương nhạt (đơn sắc)

Gradient tuyến tính, 32 màu, góc 45°: #54576a, #6a8399, #80b5c4, #b7e3e7, #effdfb. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#54576a
#565a6e
#595e73
#5b6479
#5e6a7f
#617086
#64778d
#677d93
#6a8399
#6c899f
#6e8fa4
#7096aa
#729caf
#74a2b5
#77a8ba
#7bafbf
#80b5c4
#86bcc9
#8ec3ce
#96cad4
#9ed1d9
#a6d7df
#afdde3
#b7e3e7
#bee8eb
#c6ecee
#cff0f0
#d7f4f3
#dff7f5
#e5f9f7
#ebfcf9
#effdfb

CSS

background: linear-gradient(45deg in oklch, oklch(46.06% 0.0317 279.84) 0.0%, oklch(47.13% 0.0327 277.00) 3.2%, oklch(48.56% 0.0339 273.14) 6.5%, oklch(50.25% 0.0355 268.54) 9.7%, oklch(52.14% 0.0372 263.48) 12.9%, oklch(54.13% 0.0390 258.22) 16.1%, oklch(56.14% 0.0409 253.03) 19.4%, oklch(58.08% 0.0427 248.20) 22.6%, oklch(59.89% 0.0446 243.97) 25.8%, oklch(61.63% 0.0467 239.97) 29.0%, oklch(63.36% 0.0492 236.04) 32.3%, oklch(65.10% 0.0517 232.22) 35.5%, oklch(66.85% 0.0542 228.56) 38.7%, oklch(68.62% 0.0564 225.08) 41.9%, oklch(70.43% 0.0581 221.84) 45.2%, oklch(72.28% 0.0591 218.87) 48.4%, oklch(74.20% 0.0592 216.23) 51.6%, oklch(76.25% 0.0587 214.04) 54.8%, oklch(78.38% 0.0575 212.20) 58.1%, oklch(80.56% 0.0559 210.59) 61.3%, oklch(82.72% 0.0539 209.12) 64.5%, oklch(84.81% 0.0515 207.64) 67.7%, oklch(86.77% 0.0489 206.06) 71.0%, oklch(88.56% 0.0462 204.26) 74.2%, oklch(90.18% 0.0431 202.11) 77.4%, oklch(91.72% 0.0391 199.63) 80.6%, oklch(93.18% 0.0347 196.97) 83.9%, oklch(94.53% 0.0300 194.25) 87.1%, oklch(95.74% 0.0254 191.63) 90.3%, oklch(96.81% 0.0212 189.26) 93.5%, oklch(97.71% 0.0177 187.26) 96.8%, oklch(98.43% 0.0152 185.79) 100.0%);

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

Gradient kính

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