Sunset Petrol

Magenta, naranja y petrol profundo. Vibe atardecer.

Atardecer urbano con base oscura. Funciona como background full screen, banner y portada de post.

sunsetoscurobannerrrss

Probar en aGo CSS Gradient ↗

§ ESTADO

Configuración JSON

El estado se aplica a la tool cuando abres "Probar". Lo dejamos visible aquí para usuarios power que quieren modificarlo.

{
  "mode": "linear",
  "stops": [
    {
      "id": "stop-1",
      "color": "#FF3DA5",
      "x": 10,
      "y": 10,
      "size": 55,
      "opacity": 0.9,
      "softness": 100,
      "blendMode": "normal",
      "angle": 0
    },
    {
      "id": "stop-2",
      "color": "#FF7A45",
      "x": 70,
      "y": 60,
      "size": 50,
      "opacity": 0.85,
      "softness": 100,
      "blendMode": "normal",
      "angle": 120
    },
    {
      "id": "stop-3",
      "color": "#0A1228",
      "x": 50,
      "y": 95,
      "size": 80,
      "opacity": 0.9,
      "softness": 100,
      "blendMode": "normal",
      "angle": 240
    }
  ],
  "aspectRatio": "21 / 9",
  "animate": false
}

§ TOOL

Sobre aGo CSS Gradient

Crea mesh gradients CSS animables listos para copiar.

Abrir aGo CSS Gradient ↗

¿Quieres ver todos los presets?

Tenemos 25 a la mano. Filtra por tool, categoría o tag.

Ver hub completo

Sunset Petrol

Mesh Terracota

Lime Acid

Paper Minimal

Dark Glow

¿Quieres ver todos los presets?