Nebula CSS Gradient
A space, purple, blue radial gradient you can drop into any project. Copy the CSS below and use it as a background for hero sections, cards, buttons, or full pages.
background-color: oklch(0.115 0.058 310.977);
background-image: radial-gradient(circle at 50% 50%, oklch(0.487 0.213 303.579) 0%, transparent 45%), radial-gradient(circle at 20% 30%, oklch(0.711 0.129 218.976) 0%, transparent 40%);The colors
The colors this gradient blends between. Open any of them for a full breakdown: shades, harmonies, and contrast.
Tags
Related gradients
More gradient tools
Browse the full gallery of CSS gradients, build animated backgrounds, or generate soft multi-color backgrounds with the Mesh Gradient Generator.