Branco, rosa e cinza: gradiente linear

Gradiente linear, 7 cores a 90°: #ffffff, #fffcf3, #ffefe0, #f5dbcf, #e9cbc1, #ddbbb4, #d3afab. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #ffffff
• #fffcf3
• #ffefe0
• #f5dbcf
• #e9cbc1
• #ddbbb4
• #d3afab

CSS

background: linear-gradient(90deg in oklch, oklch(100.00% 0.0000 89.88) 0.0%, oklch(99.14% 0.0125 93.01) 16.7%, oklch(96.03% 0.0267 65.87) 33.3%, oklch(90.94% 0.0331 45.56) 50.0%, oklch(86.41% 0.0371 39.26) 66.7%, oklch(82.01% 0.0402 33.03) 83.3%, oklch(78.35% 0.0427 25.48) 100.0%);

Nestas coleções

Gradientes para seção heroAmostras cremeGradientes neutros quentesPaleta de cores romântica

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona