Arcoíris de lavanda a azul en tonos apagados en degradado lineal

Arcoíris de lavanda a azul en tonos apagados: paleta de colores

Degradado lineal, 32 colores a 300°: #b29ddb, #ffc7b1, #77a893, #47637c, #384aac. Edita y exporta CSS, SVG, PNG o un shader.

4 fotogramas clave OKLCH editables.

#b29ddb
#bd9dda
#cb9fd9
#dba1d6
#eca4d0
#fca9c7
#ffb4bd
#ffbfb7
#ffc7b1
#ffcba6
#ffcc8e
#f2ce7d
#d9ce7e
#bdca84
#a1c28b
#89b691
#77a893
#6b9990
#638b8a
#5d7e83
#58747d
#536c7a
#4d6779
#47637c
#415f80
#3c5c87
#38598e
#365696
#35539d
#3550a4
#364da9
#384aac

CSS

background: linear-gradient(300deg in oklch, oklch(73.62% 0.0909 300.23) 0.0%, oklch(74.62% 0.0924 307.98) 3.2%, oklch(76.16% 0.0949 317.82) 6.5%, oklch(78.08% 0.0979 329.40) 9.7%, oklch(80.20% 0.1013 342.41) 12.9%, oklch(82.35% 0.1047 356.52) 16.1%, oklch(84.37% 0.0874 11.38) 19.4%, oklch(86.08% 0.0750 26.68) 22.6%, oklch(87.32% 0.0712 42.09) 25.8%, oklch(87.91% 0.0770 57.26) 29.0%, oklch(87.69% 0.0978 71.87) 32.3%, oklch(86.46% 0.1077 86.10) 35.5%, oklch(84.21% 0.1014 101.27) 38.7%, oklch(81.14% 0.0929 117.16) 41.9%, oklch(77.44% 0.0828 133.46) 45.2%, oklch(73.33% 0.0721 149.82) 48.4%, oklch(69.02% 0.0614 165.92) 51.6%, oklch(64.71% 0.0516 181.41) 54.8%, oklch(60.63% 0.0434 195.96) 58.1%, oklch(56.96% 0.0378 209.25) 61.3%, oklch(53.93% 0.0353 220.94) 64.5%, oklch(51.71% 0.0368 230.72) 67.7%, oklch(50.03% 0.0428 238.85) 71.0%, oklch(48.73% 0.0524 245.60) 74.2%, oklch(47.76% 0.0647 251.15) 77.4%, oklch(47.05% 0.0790 255.67) 80.6%, oklch(46.56% 0.0944 259.34) 83.9%, oklch(46.22% 0.1100 262.33) 87.1%, oklch(45.98% 0.1249 264.81) 90.3%, oklch(45.78% 0.1383 266.97) 93.5%, oklch(45.56% 0.1493 268.97) 96.8%, oklch(45.28% 0.1571 271.00) 100.0%);

En estas colecciones

Paleta de colores tetrádicos