Abstract & EffectsTheme Studio
Mesh Gradient Background
HEX Code
#4338ca
RGB Values
Dynamic Canvas
HSL Profile
Multi-tone Mesh
OLED Suitability
True Contrast
Lossless Wallpaper ExportZero Compression
CSS Background Code
background: radial-gradient(at 20% 20%, #4f46e5 0px, transparent 50%), radial-gradient(at 80% 20%, #06b6d4 0px, transparent 50%), radial-gradient(at 80% 80%, #d946ef 0px, transparent 50%), radial-gradient(at 20% 80%, #3b82f6 0px, transparent 50%), #030712;
Explore More Themes
All Themes →Related Theme Collections
Base de Connaissances
Foire Aux Questions
What makes mesh gradients different from linear gradients?
Mesh gradients calculate color values based on multiple independent points across a 2D plane, creating complex organic curves.