Marrón, verde y amarillo en degradado angular

Degradado angular, 32 colores a 20°: #5a3439, #676237, #91a737, #c5c838, #f0b735. Edita y exporta CSS, SVG, PNG o un shader.

6 fotogramas clave OKLCH editables.

#5a3439
#5c3737
#5e3b34
#5e4032
#5e4732
#5f4d34
#605436
#635a37
#676237
#6c6b37
#717436
#757d35
#7a8635
#7e8f36
#839737
#8a9f38
#91a737
#9aae37
#a2b436
#a9ba35
#b0be36
#b7c236
#bec637
#c5c838
#ccc938
#d2c937
#d9c834
#e0c532
#e6c130
#eabd31
#eeb933
#f0b735

CSS

background: conic-gradient(from 20deg in oklch, oklch(37.40% 0.0551 11.25) 0.0%, oklch(38.15% 0.0536 19.97) 3.2%, oklch(39.11% 0.0510 32.44) 6.5%, oklch(40.28% 0.0481 47.05) 9.7%, oklch(41.64% 0.0459 62.19) 12.9%, oklch(43.19% 0.0453 76.26) 16.1%, oklch(44.91% 0.0474 87.64) 19.4%, oklch(46.86% 0.0530 95.78) 22.6%, oklch(49.12% 0.0618 102.25) 25.8%, oklch(51.59% 0.0727 107.36) 29.0%, oklch(54.18% 0.0846 111.37) 32.3%, oklch(56.77% 0.0963 114.52) 35.5%, oklch(59.28% 0.1067 117.07) 38.7%, oklch(61.67% 0.1152 119.09) 41.9%, oklch(64.12% 0.1232 120.05) 45.2%, oklch(66.58% 0.1308 120.12) 48.4%, oklch(68.98% 0.1377 119.55) 51.6%, oklch(71.25% 0.1439 118.60) 54.8%, oklch(73.31% 0.1490 117.53) 58.1%, oklch(75.10% 0.1530 116.54) 61.3%, oklch(76.71% 0.1557 115.43) 64.5%, oklch(78.17% 0.1574 114.11) 67.7%, oklch(79.45% 0.1582 112.52) 71.0%, oklch(80.52% 0.1585 110.64) 74.2%, oklch(81.38% 0.1585 108.41) 77.4%, oklch(81.99% 0.1584 105.79) 80.6%, oklch(82.25% 0.1579 102.30) 83.9%, oklch(82.19% 0.1568 98.10) 87.1%, oklch(81.93% 0.1553 93.63) 90.3%, oklch(81.59% 0.1538 89.33) 93.5%, oklch(81.27% 0.1524 85.68) 96.8%, oklch(81.10% 0.1516 83.11) 100.0%);

En estas colecciones

Degradados de otoño