Nâu vàng, cam và đỏ nâu tông rực rỡ (gradient tuyến tính)

Bảng màu Nâu vàng, cam và đỏ nâu tông rực rỡ

Gradient tuyến tính, 32 màu, góc 90°: #dcc26c, #cf8d16, #af4402, #880201, #540300. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#dcc26c
#dbbf66
#d9ba5f
#d8b455
#d6ad4a
#d4a53e
#d39d31
#d19524
#cf8d16
#cc8405
#c97c00
#c57200
#c16900
#bd5f00
#b95600
#b44c00
#af4402
#aa3b02
#a53302
#9f2a01
#9a2001
#941701
#8e0c01
#880201
#800003
#790004
#710003
#6a0002
#640000
#5e0100
#580200
#540300

CSS

background: linear-gradient(90deg in oklch, oklch(81.89% 0.1102 93.52) 0.0%, oklch(80.94% 0.1128 92.17) 3.2%, oklch(79.70% 0.1163 90.47) 6.5%, oklch(78.23% 0.1206 88.45) 9.7%, oklch(76.58% 0.1252 86.15) 12.9%, oklch(74.80% 0.1299 83.59) 16.1%, oklch(72.95% 0.1343 80.82) 19.4%, oklch(71.07% 0.1382 77.87) 22.6%, oklch(69.22% 0.1412 74.75) 25.8%, oklch(67.29% 0.1436 71.17) 29.0%, oklch(65.24% 0.1441 67.12) 32.3%, oklch(63.11% 0.1442 62.82) 35.5%, oklch(60.95% 0.1452 58.42) 38.7%, oklch(58.77% 0.1471 54.11) 41.9%, oklch(56.63% 0.1496 50.06) 45.2%, oklch(54.55% 0.1522 46.45) 48.4%, oklch(52.55% 0.1537 43.43) 51.6%, oklch(50.57% 0.1554 40.65) 54.8%, oklch(48.59% 0.1575 38.10) 58.1%, oklch(46.64% 0.1594 35.80) 61.3%, oklch(44.73% 0.1610 33.75) 64.5%, oklch(42.87% 0.1619 31.98) 67.7%, oklch(41.09% 0.1618 30.49) 71.0%, oklch(39.39% 0.1604 29.30) 74.2%, oklch(37.76% 0.1546 28.54) 77.4%, oklch(36.12% 0.1477 28.22) 80.6%, oklch(34.50% 0.1411 28.28) 83.9%, oklch(32.96% 0.1350 28.61) 87.1%, oklch(31.53% 0.1293 29.08) 90.3%, oklch(30.24% 0.1231 29.50) 93.5%, oklch(29.17% 0.1171 29.90) 96.8%, oklch(28.35% 0.1130 30.11) 100.0%);

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

Gradient mùa thu hoạch Gradient bản đồ thời tiết Hoàng hôn đồng lúa mì Gradient retro

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