Nâu, nâu vàng và xanh cổ vịt (gradient xuyên tâm)

Gradient xuyên tâm, 32 màu: #b57816, #e3a450, #e4ca80, #becc9b, #75aaa0. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#b57816
#b97c1c
#be8023
#c5862b
#cc8c33
#d3923b
#da9843
#df9e4a
#e3a450
#e6aa56
#e8af5d
#e9b563
#eaba6a
#eabf70
#e8c376
#e6c77b
#e4ca80
#e0cc85
#dcce8a
#d7ce8e
#d1cf93
#cbce96
#c5cd99
#becc9b
#b6c99d
#abc69e
#a0c19e
#94bc9f
#8ab79f
#80b29f
#79ad9f
#75aaa0

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(62.20% 0.1268 72.42) 0.0%, oklch(63.35% 0.1268 72.20) 3.2%, oklch(64.92% 0.1271 71.75) 6.5%, oklch(66.79% 0.1275 71.22) 9.7%, oklch(68.84% 0.1277 70.71) 12.9%, oklch(70.94% 0.1278 70.38) 16.1%, oklch(72.97% 0.1274 70.34) 19.4%, oklch(74.81% 0.1265 70.72) 22.6%, oklch(76.34% 0.1249 71.65) 25.8%, oklch(77.75% 0.1227 73.02) 29.0%, oklch(79.11% 0.1198 74.75) 32.3%, oklch(80.38% 0.1165 76.80) 35.5%, oklch(81.55% 0.1129 79.15) 38.7%, oklch(82.57% 0.1090 81.77) 41.9%, oklch(83.40% 0.1051 84.63) 45.2%, oklch(84.03% 0.1011 87.72) 48.4%, oklch(84.42% 0.0972 90.97) 51.6%, oklch(84.61% 0.0929 94.34) 54.8%, oklch(84.62% 0.0882 97.87) 58.1%, oklch(84.46% 0.0834 101.64) 61.3%, oklch(84.12% 0.0786 105.73) 64.5%, oklch(83.61% 0.0741 110.20) 67.7%, oklch(82.95% 0.0701 115.15) 71.0%, oklch(82.12% 0.0668 120.63) 74.2%, oklch(81.05% 0.0643 127.02) 77.4%, oklch(79.56% 0.0624 134.83) 80.6%, oklch(77.79% 0.0610 143.54) 83.9%, oklch(75.88% 0.0600 152.60) 87.1%, oklch(73.97% 0.0593 161.45) 90.3%, oklch(72.21% 0.0588 169.55) 93.5%, oklch(70.73% 0.0584 176.34) 96.8%, oklch(69.69% 0.0579 181.27) 100.0%);

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

Phấn hoa vàng

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