Cam, nâu vàng và xanh lá đậm (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #cd8137, #db9d4c, #a89656, #5f7451, #1d4340. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#cd8137
#ce8339
#d1873b
#d48b3e
#d88f42
#da9445
#dc9848
#dd9b4a
#db9d4c
#d89e4e
#d39f50
#ce9e52
#c79e53
#c09c55
#b99a56
#b19856
#a89656
#9e9256
#948e56
#898a55
#7e8554
#738053
#697a52
#5f7451
#556e50
#4b684e
#40614c
#375a49
#2e5347
#264c44
#214742
#1d4340

CSS

background: linear-gradient(90deg in oklch, oklch(66.93% 0.1281 61.17) 0.0%, oklch(67.59% 0.1279 61.85) 3.2%, oklch(68.58% 0.1278 62.66) 6.5%, oklch(69.75% 0.1277 63.63) 9.7%, oklch(71.00% 0.1275 64.76) 12.9%, oklch(72.17% 0.1270 66.06) 16.1%, oklch(73.15% 0.1259 67.56) 19.4%, oklch(73.81% 0.1243 69.26) 22.6%, oklch(74.03% 0.1220 71.18) 25.8%, oklch(73.90% 0.1187 73.19) 29.0%, oklch(73.53% 0.1146 75.31) 32.3%, oklch(72.94% 0.1100 77.59) 35.5%, oklch(72.15% 0.1051 80.12) 38.7%, oklch(71.17% 0.1000 82.95) 41.9%, oklch(70.04% 0.0950 86.15) 45.2%, oklch(68.78% 0.0904 89.81) 48.4%, oklch(67.39% 0.0861 93.97) 51.6%, oklch(65.76% 0.0818 98.66) 54.8%, oklch(63.93% 0.0775 103.82) 58.1%, oklch(61.93% 0.0733 109.35) 61.3%, oklch(59.82% 0.0692 115.17) 64.5%, oklch(57.64% 0.0653 121.21) 67.7%, oklch(55.45% 0.0618 127.37) 71.0%, oklch(53.29% 0.0586 133.59) 74.2%, oklch(51.08% 0.0558 140.11) 77.4%, oklch(48.64% 0.0534 147.47) 80.6%, oklch(46.05% 0.0512 155.34) 83.9%, oklch(43.45% 0.0493 163.29) 87.1%, oklch(40.97% 0.0477 170.93) 90.3%, oklch(38.72% 0.0463 177.86) 93.5%, oklch(36.83% 0.0451 183.68) 96.8%, oklch(35.43% 0.0441 187.98) 100.0%);

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

Quán bia hổ phách

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