ShotmeshOpen editor
Linear preset

Steel Fade gradient background

Slate gray to steel blue, neutral and professional.

Open in editor All backgrounds
  • #0F172A
  • #334155
  • #94A3B8
Steel Fade gradient background behind a dashboard screenshot in a browser frame

Best for

Browser mockups, enterprise or developer documentation, comparison shots.

Pairs with

Light browser frame, dark text, blue arrows.

Editable layers

3 color stops at 170 degrees. Change any stop, the angle, or add a third color.

How to use it

Put a screenshot on Steel Fade

  1. 01

    Open the preset

    Click "Open in editor" above. The editor loads with Steel Fade already applied to the canvas.

  2. 02

    Paste your screenshot

    Cmd+V or drag a file in. Add a window frame, padding and shadow from the right panel. Run the privacy scan if there is anything sensitive.

  3. 03

    Export

    PNG for a static post. GIF or MP4 if you want the mesh to move. The GIF is compressed under the 15MB X limit automatically.

More Linear

Same family, different mood

Works well with

Tools that use this background

Code

Make a code screenshot worth posting

Motion

Turn a static screenshot into a looping GIF

For X

Make a screenshot that looks right on X

Motion

Make a screenshot mockup that moves

Start with Steel Fade

It is loaded and waiting. Paste a screenshot and export in under a minute.

Open in editor