Nâu, be và nâu vàng (đơn sắc) (gradient xuyên tâm)

Gradient xuyên tâm, 32 màu: #a88a6d, #f3e2c6, #865534, #482f25, #caa17a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#a88a6d
#af9275
#ba9f83
#c8af93
#d6c0a5
#e3d0b5
#eddcc1
#f3e3c8
#f3e2c6
#ecd8bb
#e0c8a9
#d2b492
#c19e79
#b08762
#a0724d
#92613e
#865534
#7a4a2e
#6d4029
#603825
#553323
#4d2f22
#482d23
#482f25
#4d342a
#5a3f33
#6b4e3e
#805f4c
#97735a
#ac8567
#be9572
#caa17a

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(65.35% 0.0551 64.69) 0.0%, oklch(67.99% 0.0535 66.16) 3.2%, oklch(72.02% 0.0509 68.45) 6.5%, oklch(76.86% 0.0478 71.18) 9.7%, oklch(81.89% 0.0446 74.02) 12.9%, oklch(86.51% 0.0418 76.60) 16.1%, oklch(90.11% 0.0399 78.57) 19.4%, oklch(92.08% 0.0393 79.57) 22.6%, oklch(91.82% 0.0405 79.26) 25.8%, oklch(89.16% 0.0443 77.52) 29.0%, oklch(84.60% 0.0503 74.64) 32.3%, oklch(78.73% 0.0575 70.98) 35.5%, oklch(72.13% 0.0651 66.89) 38.7%, oklch(65.37% 0.0721 62.70) 41.9%, oklch(59.03% 0.0776 58.77) 45.2%, oklch(53.69% 0.0809 55.45) 48.4%, oklch(49.66% 0.0808 52.92) 51.6%, oklch(45.78% 0.0774 50.49) 54.8%, oklch(42.02% 0.0715 48.16) 58.1%, oklch(38.61% 0.0642 46.05) 61.3%, oklch(35.79% 0.0564 44.28) 64.5%, oklch(33.79% 0.0491 42.99) 67.7%, oklch(32.84% 0.0434 42.30) 71.0%, oklch(33.16% 0.0402 42.35) 74.2%, oklch(35.22% 0.0403 43.40) 77.4%, oklch(39.38% 0.0428 45.66) 80.6%, oklch(45.04% 0.0471 48.77) 83.9%, oklch(51.57% 0.0525 52.40) 87.1%, oklch(58.32% 0.0583 56.16) 90.3%, oklch(64.67% 0.0639 59.70) 93.5%, oklch(69.98% 0.0686 62.66) 96.8%, oklch(73.62% 0.0717 64.69) 100.0%);

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