Surfaces basics

Fade

Two-stop linear gradient with angle.

Controls

  • Start#3aa2ff
  • End#f0308f
  • Angle45
  • Curve1

Ship it

Open it in the studio, tune it, then export a self-contained component for React, Vue, Svelte, Astro, Solid or vanilla JS, a PNG, GIF or video. Code export and 4K media are Pro.

More in Surfaces basics

All 21