Xám và nâu (đơn sắc) liền mạch (gradient xuyên tâm)

Gradient xuyên tâm, 32 màu: #e0d7c6, #95816c, #644a34, #97856c, #e5dfc9. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#e0d7c6
#dad1c0
#d3c9b7
#cabfac
#c0b4a0
#b6a893
#ab9b86
#a08e79
#95816c
#8a7560
#806a54
#78604a
#705742
#6a503b
#664c36
#644934
#644a34
#674c36
#6b523b
#725942
#79624a
#836c54
#8d7860
#97856c
#a39279
#aea087
#baad95
#c4baa2
#cfc5ae
#d8d0b9
#dfd8c2
#e5dfc9

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(88.19% 0.0248 85.08) 0.0%, oklch(86.37% 0.0258 84.04) 3.2%, oklch(83.89% 0.0271 82.61) 6.5%, oklch(80.88% 0.0287 80.86) 9.7%, oklch(77.44% 0.0305 78.85) 12.9%, oklch(73.67% 0.0325 76.65) 16.1%, oklch(69.71% 0.0346 74.34) 19.4%, oklch(65.64% 0.0368 71.98) 22.6%, oklch(61.59% 0.0389 69.64) 25.8%, oklch(57.67% 0.0411 67.39) 29.0%, oklch(53.99% 0.0431 65.30) 32.3%, oklch(50.65% 0.0449 63.43) 35.5%, oklch(47.77% 0.0465 61.87) 38.7%, oklch(45.46% 0.0478 60.67) 41.9%, oklch(43.83% 0.0488 59.90) 45.2%, oklch(43.00% 0.0495 59.64) 48.4%, oklch(43.06% 0.0496 59.95) 51.6%, oklch(44.03% 0.0494 60.86) 54.8%, oklch(45.80% 0.0488 62.30) 58.1%, oklch(48.25% 0.0479 64.20) 61.3%, oklch(51.28% 0.0467 66.48) 64.5%, oklch(54.76% 0.0452 69.06) 67.7%, oklch(58.60% 0.0436 71.86) 71.0%, oklch(62.67% 0.0419 74.82) 74.2%, oklch(66.86% 0.0402 77.84) 77.4%, oklch(71.06% 0.0384 80.86) 80.6%, oklch(75.15% 0.0367 83.80) 83.9%, oklch(79.04% 0.0350 86.58) 87.1%, oklch(82.59% 0.0335 89.12) 90.3%, oklch(85.70% 0.0322 91.36) 93.5%, oklch(88.26% 0.0311 93.21) 96.8%, oklch(90.16% 0.0303 94.59) 100.0%);

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

Gradient trung tính dịu Gradient trung tính ấm Gradient tông trầ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