blue radial gradient to black center

<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800"> <!-- Step-by-step analysis of the described visual: 1) Overall composition: a minimalist abstract field filling the entire canvas. 2) Core effect: a smooth radial gradient centered in the image. 3) Edge color: rich, deep blue around the perimeter. 4) Inward transition: the blue gradually darkens toward the center. 5) Center: transparent black at the very center (black with 0 opacity), creating an atmospheric "void". 6) Style: soft, serene, no hard edges; single gradient fill. --> <defs> <radialGradient id="blueToTransparentBlack" cx="50%" cy="50%" r="75%"> <!-- Center: transparent black --> <stop offset="0%" stop-color="#000000" stop-opacity="0"/> <!-- Slight darkening near center --> <stop offset="25%" stop-color="#000000" stop-opacity="0.35"/> <stop offset="55%" stop-color="#050A1A" stop-opacity="0.85"/> <!-- Edge: deep rich blue --> <stop offset="100%" stop-color="#0A2A66" stop-opacity="1"/> </radialGradient> </defs> <!-- Fill the full canvas with the radial gradient --> <rect x="0" y="0" width="800" height="800" fill="url(#blueToTransparentBlack)"/> </svg>