Cyber Grape CSS Gradient — Copy the Code

Void purple charging through electric violet into glowing pink — cyberpunk in three stops. Copy the Cyber Grape gradient as CSS, a custom property, or a Tailwind theme block, and check its text contrast.

Cyber Grape CSS

background: linear-gradient(125deg in oklch, rgba(18, 0, 46, 1) 0%, rgba(122, 4, 235, 1) 55%, rgba(254, 117, 254, 1) 100%);

Color stops

  • #12002E at 0% (100% opacity)
  • #7A04EB at 55% (100% opacity)
  • #FE75FE at 100% (100% opacity)

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