Nâu, hồng và xám (tương đồng) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #a58c53, #bfae79, #dac79d, #d4b5a7, #b4a1a7. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#a58c53
#a78e56
#aa9159
#ac955e
#b09a62
#b39e68
#b7a46d
#bba973
#bfae79
#c3b37f
#c7b885
#cbbd8a
#cfc08f
#d2c394
#d6c698
#d8c79b
#dac79d
#dcc69f
#ddc4a1
#ddc2a2
#dcbfa3
#dabca5
#d8b8a6
#d4b5a7
#d0b1a8
#ccaea9
#c7aba9
#c3a8a9
#bea6a9
#baa4a8
#b7a2a8
#b4a1a7

CSS

background: linear-gradient(90deg in oklch, oklch(64.96% 0.0813 85.78) 0.0%, oklch(65.69% 0.0806 86.04) 3.2%, oklch(66.65% 0.0798 86.62) 6.5%, oklch(67.82% 0.0788 87.46) 9.7%, oklch(69.14% 0.0778 88.47) 12.9%, oklch(70.59% 0.0767 89.58) 16.1%, oklch(72.12% 0.0756 90.72) 19.4%, oklch(73.69% 0.0743 91.79) 22.6%, oklch(75.27% 0.0729 92.74) 25.8%, oklch(76.82% 0.0715 93.47) 29.0%, oklch(78.30% 0.0700 93.93) 32.3%, oklch(79.67% 0.0685 94.02) 35.5%, oklch(80.89% 0.0668 93.67) 38.7%, oklch(81.93% 0.0651 92.81) 41.9%, oklch(82.75% 0.0634 91.35) 45.2%, oklch(83.30% 0.0616 89.23) 48.4%, oklch(83.56% 0.0597 86.32) 51.6%, oklch(83.54% 0.0575 82.39) 54.8%, oklch(83.29% 0.0552 77.52) 58.1%, oklch(82.83% 0.0526 71.87) 61.3%, oklch(82.19% 0.0499 65.59) 64.5%, oklch(81.41% 0.0471 58.82) 67.7%, oklch(80.52% 0.0443 51.72) 71.0%, oklch(79.56% 0.0414 44.42) 74.2%, oklch(78.54% 0.0386 37.09) 77.4%, oklch(77.51% 0.0359 29.86) 80.6%, oklch(76.50% 0.0333 22.88) 83.9%, oklch(75.54% 0.0308 16.31) 87.1%, oklch(74.66% 0.0285 10.29) 90.3%, oklch(73.90% 0.0265 4.97) 93.5%, oklch(73.28% 0.0248 0.49) 96.8%, oklch(72.83% 0.0234 357.01) 100.0%);

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

Gradient trung tính ấ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