Nâu, xám và xanh dương nhạt (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #7d5e59, #d7bdae, #daf0f4, #85b1ca, #5a5869. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#7d5e59
#85655e
#916e65
#a0796e
#ae8678
#ba9282
#c59f8e
#ceae9e
#d7bdae
#dfcbbd
#e4d7ca
#e7e0d2
#e7e8da
#e5eee3
#e2f2eb
#dff2f1
#daf0f4
#d1ecf4
#c5e7f2
#b7dfef
#a9d6e9
#9dcce2
#91bfd7
#85b1ca
#79a3bb
#6f95ae
#6988a2
#657c96
#637089
#60657c
#5d5d71
#5a5869

CSS

background: linear-gradient(135deg in oklch, oklch(51.18% 0.0413 30.23) 0.0%, oklch(53.64% 0.0436 31.84) 3.2%, oklch(57.10% 0.0473 33.97) 6.5%, oklch(61.16% 0.0510 36.61) 9.7%, oklch(65.41% 0.0537 39.74) 12.9%, oklch(69.45% 0.0540 43.33) 16.1%, oklch(73.32% 0.0508 46.37) 19.4%, oklch(77.47% 0.0445 48.16) 22.6%, oklch(81.60% 0.0367 50.65) 25.8%, oklch(85.39% 0.0291 55.83) 29.0%, oklch(88.52% 0.0233 65.71) 32.3%, oklch(90.84% 0.0202 82.95) 35.5%, oklch(92.65% 0.0185 108.64) 38.7%, oklch(93.93% 0.0179 138.51) 41.9%, oklch(94.64% 0.0186 167.98) 45.2%, oklch(94.71% 0.0206 192.48) 48.4%, oklch(94.08% 0.0242 208.09) 51.6%, oklch(92.68% 0.0306 216.80) 54.8%, oklch(90.62% 0.0387 221.09) 58.1%, oklch(88.07% 0.0469 223.04) 61.3%, oklch(85.15% 0.0536 224.75) 64.5%, oklch(81.96% 0.0574 228.02) 67.7%, oklch(78.13% 0.0590 230.72) 71.0%, oklch(73.79% 0.0591 232.70) 74.2%, oklch(69.29% 0.0580 234.91) 77.4%, oklch(64.99% 0.0559 238.27) 80.6%, oklch(61.23% 0.0532 243.76) 83.9%, oklch(57.71% 0.0489 252.55) 87.1%, oklch(54.33% 0.0431 263.61) 90.3%, oklch(51.26% 0.0369 275.14) 93.5%, oklch(48.71% 0.0313 285.31) 96.8%, oklch(46.85% 0.0276 292.31) 100.0%);

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

Mộc lan sáng mưa

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