De rojo a magenta (análogos) en tonos vivos en degradado lineal

De rojo a magenta (análogos) en tonos vivos: paleta con 32 colores. #de2e47, #e02772, #c335a1. Edítala y expórtala como CSS, SVG, PNG o un shader.

32 colores, 3 fotogramas clave OKLCH editables.

#de2e47
#df2e48
#df2d4a
#df2c4c
#e02c4e
#e02b51
#e02a53
#e12a56
#e12959
#e2285c
#e2285f
#e22762
#e22766
#e12769
#e1266c
#e0266f
#e02772
#df2776
#dd2879
#dc297d
#da2981
#d82b85
#d52c89
#d32d8c
#d12e90
#cf2f93
#cc3096
#ca3199
#c8329b
#c6339d
#c5349f
#c335a1

CSS

background: linear-gradient(90deg in oklch, oklch(59.06% 0.2094 19.69) 0.0%, oklch(59.09% 0.2099 19.13) 3.2%, oklch(59.14% 0.2105 18.48) 6.5%, oklch(59.20% 0.2112 17.74) 9.7%, oklch(59.27% 0.2121 16.93) 12.9%, oklch(59.35% 0.2130 16.05) 16.1%, oklch(59.43% 0.2139 15.09) 19.4%, oklch(59.51% 0.2149 14.08) 22.6%, oklch(59.59% 0.2159 13.01) 25.8%, oklch(59.67% 0.2168 11.89) 29.0%, oklch(59.73% 0.2177 10.73) 32.3%, oklch(59.79% 0.2186 9.53) 35.5%, oklch(59.84% 0.2193 8.30) 38.7%, oklch(59.86% 0.2198 7.05) 41.9%, oklch(59.87% 0.2202 5.77) 45.2%, oklch(59.86% 0.2204 4.48) 48.4%, oklch(59.82% 0.2204 3.17) 51.6%, oklch(59.75% 0.2202 1.72) 54.8%, oklch(59.66% 0.2198 0.13) 58.1%, oklch(59.55% 0.2193 358.44) 61.3%, oklch(59.41% 0.2186 356.67) 64.5%, oklch(59.27% 0.2177 354.85) 67.7%, oklch(59.11% 0.2168 353.00) 71.0%, oklch(58.95% 0.2159 351.15) 74.2%, oklch(58.78% 0.2149 349.33) 77.4%, oklch(58.62% 0.2139 347.56) 80.6%, oklch(58.46% 0.2130 345.87) 83.9%, oklch(58.31% 0.2121 344.29) 87.1%, oklch(58.17% 0.2112 342.83) 90.3%, oklch(58.05% 0.2105 341.54) 93.5%, oklch(57.95% 0.2099 340.43) 96.8%, oklch(57.87% 0.2094 339.53) 100.0%);

En estas colecciones

Degradados para sección hero