Event Horizon CSS Gradient — Copy the Code

A blue accretion glow swallowed radially by absolute black. Copy the Event Horizon gradient as CSS, a custom property, or a Tailwind theme block, and check its text contrast.

Event Horizon CSS

background: radial-gradient(circle in oklch, rgba(67, 97, 238, 1) 0%, rgba(27, 31, 94, 1) 50%, rgba(5, 5, 15, 1) 100%);

Color stops

  • #4361EE at 0% (100% opacity)
  • #1B1F5E at 50% (100% opacity)
  • #05050F at 100% (100% opacity)

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