Wisteria CSS Gradient — Copy the Code

Deep violet climbing into soft blooming lilac. Copy the Wisteria gradient as CSS, a custom property, or a Tailwind theme block, and check its text contrast.

Wisteria CSS

background: linear-gradient(125deg, rgba(110, 72, 170, 1) 0%, rgba(157, 80, 187, 1) 55%, rgba(200, 168, 233, 1) 100%);

Color stops

  • #6E48AA at 0% (100% opacity)
  • #9D50BB at 55% (100% opacity)
  • #C8A8E9 at 100% (100% opacity)

Edit this gradient · Browse all gradients · Check text over gradients