Nâu và cam tông ấm liền mạch (gradient hình nón)

Gradient hình nón, 48 màu, góc 30°: #1d0d07, #854500, #ffd065, #754000, #1d0d07. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#1d0d07
#200e07
#240f07
#281007
#2e1206
#341405
#3b1704
#441a02
#4e1f00
#592600
#672f00
#763900
#854500
#965100
#a55d00
#b46900
#c17500
#cf8300
#de9200
#eba212
#f4b232
#fcc047
#ffcb5c
#ffd16b
#ffd065
#fbc958
#f2bd4b
#e7ae39
#da9d22
#cc8c00
#bb7d00
#ac6f00
#9f6300
#915700
#834b00
#754000
#673500
#5b2b00
#4f2300
#451d02
#3c1903
#351504
#2f1305
#2a1106
#261006
#220f07
#200e07
#1d0d07

CSS

background: conic-gradient(from 30deg in oklch, oklch(18.11% 0.0303 40.08) 0.0%, oklch(18.90% 0.0340 40.69) 2.1%, oklch(19.80% 0.0387 41.43) 4.3%, oklch(20.86% 0.0443 42.32) 6.4%, oklch(22.14% 0.0507 43.34) 8.5%, oklch(23.68% 0.0577 44.50) 10.6%, oklch(25.53% 0.0652 45.80) 12.8%, oklch(27.75% 0.0731 47.23) 14.9%, oklch(30.40% 0.0813 48.81) 17.0%, oklch(33.64% 0.0884 50.41) 19.1%, oklch(37.44% 0.0958 52.39) 21.3%, oklch(41.64% 0.1037 54.52) 23.4%, oklch(46.08% 0.1118 56.76) 25.5%, oklch(50.60% 0.1198 59.08) 27.7%, oklch(55.03% 0.1273 61.45) 29.8%, oklch(59.23% 0.1341 63.83) 31.9%, oklch(63.09% 0.1402 66.24) 34.0%, oklch(67.31% 0.1467 69.07) 36.2%, oklch(71.84% 0.1536 72.26) 38.3%, oklch(76.37% 0.1576 75.58) 40.4%, oklch(80.58% 0.1533 78.76) 42.6%, oklch(84.16% 0.1487 81.58) 44.7%, oklch(86.77% 0.1400 83.81) 46.8%, oklch(88.10% 0.1305 85.21) 48.9%, oklch(87.84% 0.1349 85.56) 51.1%, oklch(85.93% 0.1404 84.95) 53.2%, oklch(82.69% 0.1416 83.56) 55.3%, oklch(78.50% 0.1431 81.58) 57.4%, oklch(73.70% 0.1445 79.20) 59.6%, oklch(68.64% 0.1438 76.59) 61.7%, oklch(63.69% 0.1350 73.95) 63.8%, oklch(59.21% 0.1272 71.46) 66.0%, oklch(55.25% 0.1203 69.14) 68.1%, oklch(51.13% 0.1133 66.57) 70.2%, oklch(46.89% 0.1062 63.82) 72.3%, oklch(42.67% 0.0991 60.98) 74.5%, oklch(38.59% 0.0922 58.16) 76.6%, oklch(34.77% 0.0856 55.44) 78.7%, oklch(31.33% 0.0796 52.92) 80.9%, oklch(28.38% 0.0715 50.97) 83.0%, oklch(26.00% 0.0645 49.14) 85.1%, oklch(24.06% 0.0580 47.49) 87.2%, oklch(22.50% 0.0519 46.03) 89.4%, oklch(21.25% 0.0463 44.74) 91.5%, oklch(20.25% 0.0413 43.61) 93.6%, oklch(19.44% 0.0370 42.63) 95.7%, oklch(18.75% 0.0333 41.81) 97.9%, oklch(18.11% 0.0303 41.13) 100.0%);

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

Gradient giờ 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