Nâu vàng, cam và nâu tông rực rỡ (gradient hình nón)

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

Gradient hình nón, 32 màu, góc 40°: #edba6f, #e8983a, #d56d00, #b24a00, #912b00. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#edba6f
#edb76b
#ecb466
#ecb061
#ebac5a
#eba753
#eaa34b
#e99d43
#e8983a
#e79231
#e68c27
#e4861b
#e3800c
#e07b00
#dc7600
#d97100
#d56d00
#d16800
#cc6300
#c75e00
#c25900
#bd5400
#b84f00
#b24a00
#ad4500
#a84000
#a33c00
#9e3800
#9a3400
#963000
#932d00
#912b00

CSS

background: conic-gradient(from 40deg in oklch, oklch(81.89% 0.1102 75.23) 0.0%, oklch(81.28% 0.1125 74.50) 3.2%, oklch(80.56% 0.1156 73.60) 6.5%, oklch(79.74% 0.1192 72.56) 9.7%, oklch(78.82% 0.1233 71.40) 12.9%, oklch(77.82% 0.1277 70.13) 16.1%, oklch(76.75% 0.1325 68.78) 19.4%, oklch(75.61% 0.1374 67.35) 22.6%, oklch(74.43% 0.1423 65.88) 25.8%, oklch(73.20% 0.1472 64.38) 29.0%, oklch(71.95% 0.1519 62.86) 32.3%, oklch(70.67% 0.1563 61.35) 35.5%, oklch(69.38% 0.1603 59.87) 38.7%, oklch(68.10% 0.1623 58.41) 41.9%, oklch(66.83% 0.1616 57.04) 45.2%, oklch(65.58% 0.1609 55.74) 48.4%, oklch(64.34% 0.1602 54.53) 51.6%, oklch(63.01% 0.1593 53.30) 54.8%, oklch(61.59% 0.1583 52.04) 58.1%, oklch(60.10% 0.1572 50.76) 61.3%, oklch(58.57% 0.1560 49.48) 64.5%, oklch(57.00% 0.1547 48.20) 67.7%, oklch(55.42% 0.1535 46.94) 71.0%, oklch(53.86% 0.1521 45.71) 74.2%, oklch(52.32% 0.1508 44.52) 77.4%, oklch(50.84% 0.1496 43.37) 80.6%, oklch(49.42% 0.1483 42.29) 83.9%, oklch(48.10% 0.1471 41.28) 87.1%, oklch(46.88% 0.1461 40.35) 90.3%, oklch(45.80% 0.1451 39.52) 93.5%, oklch(44.86% 0.1444 38.80) 96.8%, oklch(44.10% 0.1438 38.19) 100.0%);

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

Gradient mùa thu

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