Cinza, caramelo, lavanda e azul: gradiente radial

Gradiente radial, 32 cores: #9ba2aa, #879679, #c895ae, #ab9ad2, #789ac4. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #9ba2aa
• #97a1a9
• #91a0a7
• #8a9ea4
• #839d9e
• #7e9b96
• #7d9a8c
• #809882
• #879679
• #929572
• #9f946f
• #ad9372
• #b9927a
• #c29286
• #c79395
• #c994a3
• #c895ae
• #c597b7
• #c298bf
• #be98c4
• #ba99c9
• #b699cc
• #b19acf
• #ab9ad2
• #a49bd3
• #9d9bd3
• #959cd2
• #8d9cd0
• #869bcd
• #809bc9
• #7b9bc6
• #789ac4

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(70.87% 0.0138 251.72) 0.0%, oklch(70.33% 0.0164 242.49) 3.2%, oklch(69.52% 0.0199 230.35) 6.5%, oklch(68.55% 0.0242 215.91) 9.7%, oklch(67.54% 0.0288 199.76) 12.9%, oklch(66.60% 0.0337 182.52) 16.1%, oklch(65.86% 0.0383 164.79) 19.4%, oklch(65.41% 0.0427 147.18) 22.6%, oklch(65.40% 0.0463 130.19) 25.8%, oklch(65.86% 0.0497 112.16) 29.0%, oklch(66.71% 0.0528 92.82) 32.3%, oklch(67.82% 0.0558 72.86) 35.5%, oklch(69.04% 0.0587 52.98) 38.7%, oklch(70.26% 0.0614 33.85) 41.9%, oklch(71.35% 0.0639 16.17) 45.2%, oklch(72.17% 0.0663 0.63) 48.4%, oklch(72.63% 0.0687 347.81) 51.6%, oklch(72.90% 0.0710 337.36) 54.8%, oklch(73.01% 0.0734 328.80) 58.1%, oklch(72.99% 0.0755 321.66) 61.3%, oklch(72.87% 0.0775 315.50) 64.5%, oklch(72.67% 0.0792 309.87) 67.7%, oklch(72.42% 0.0804 304.32) 71.0%, oklch(72.12% 0.0812 298.40) 74.2%, oklch(71.77% 0.0813 291.89) 77.4%, oklch(71.25% 0.0808 285.24) 80.6%, oklch(70.63% 0.0797 278.66) 83.9%, oklch(69.94% 0.0782 272.34) 87.1%, oklch(69.26% 0.0766 266.47) 90.3%, oklch(68.62% 0.0751 261.24) 93.5%, oklch(68.09% 0.0739 256.85) 96.8%, oklch(67.72% 0.0730 253.48) 100.0%);

Nestas coleções

Flor de lapela com hortênsia e fita

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona