Rose Aurora SVG background, gradient

Rose Aurora SVG background, gradient

Blush and magenta veils glow against dark wine, leaving the right half clear for a title. Use this background on a fashion website homepage or a product presentation.

Similar SVGs

More from Aurora Gradient Backgrounds

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/iWs6B1VU8yi-/amnt.svg" alt="Rose Aurora" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 576" width="1024" height="576"><g id="layer-1" data-name="Group 1"><g><defs><clipPath id="k0_0"><path d="M0 0H1024V576H0Z"/></clipPath><linearGradient id="k0_1" x1="0" y1="0" x2="1024" y2="430" gradientUnits="userSpaceOnUse"><stop stop-color="#361127"/><stop offset=".48" stop-color="#200d21"/><stop offset="1" stop-color="#160b19"/></linearGradient><radialGradient id="k0_2" cx="0" cy="0" r="1" gradientTransform="translate(232 212) rotate(27) scale(415 368)" gradientUnits="userSpaceOnUse"><stop stop-color="#93204f" stop-opacity=".43"/><stop offset=".55" stop-color="#64163f" stop-opacity=".21"/><stop offset="1" stop-color="#39112b" stop-opacity="0"/></radialGradient><filter id="k0_3" x="-40%" y="-40%" width="180%" height="180%" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="32"/></filter><linearGradient id="k0_4" x1="151" y1="79" x2="351" y2="351" gradientUnits="userSpaceOnUse"><stop stop-color="#772344" stop-opacity=".06"/><stop offset=".35" stop-color="#bd3377" stop-opacity=".38"/><stop offset=".66" stop-color="#e664a1" stop-opacity=".68"/><stop offset=".84" stop-color="#f6a8bf" stop-opacity=".87"/><stop offset="1" stop-color="#b92e72" stop-opacity=".05"/></linearGradient><filter id="k0_5" x="-20%" y="-20%" width="140%" height="140%" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="4"/></filter><linearGradient id="k0_6" x1="202" y1="71" x2="353" y2="167" gradientUnits="userSpaceOnUse"><stop stop-color="#ab326e" stop-opacity="0"/><stop offset=".48" stop-color="#d5578d" stop-opacity=".23"/><stop offset=".85" stop-color="#f695b7" stop-opacity=".75"/><stop offset="1" stop-color="#ffd0d9" stop-opacity=".9"/></linearGradient><linearGradient id="k0_7" x1="221" y1="-27" x2="314" y2="412" gradientUnits="userSpaceOnUse"><stop stop-color="#ffbbcf" stop-opacity=".13"/><stop offset=".39" stop-color="#ffd5dc" stop-opacity=".86"/><stop offset=".72" stop-color="#f783b7" stop-opacity=".42"/><stop offset="1" stop-color="#d53f93" stop-opacity="0"/></linearGradient><linearGradient id="k0_8" x1="28" y1="12" x2="199" y2="543" gradientUnits="userSpaceOnUse"><stop stop-color="#ef7aab" stop-opacity=".04"/><stop offset=".46" stop-color="#ee71ad" stop-opacity=".24"/><stop offset=".77" stop-color="#b02d7c" stop-opacity=".18"/><stop offset="1" stop-color="#641841" stop-opacity="0"/></linearGradient><linearGradient id="k0_9" x1="-24" y1="148" x2="253" y2="458" gradientUnits="userSpaceOnUse"><stop stop-color="#f696bc" stop-opacity=".75"/><stop offset=".3" stop-color="#e85bac" stop-opacity=".66"/><stop offset=".66" stop-color="#a52679" stop-opacity=".36"/><stop offset="1" stop-color="#581446" stop-opacity="0"/></linearGradient><linearGradient id="k0_10" x1="374" y1="288" x2="822" y2="288" gradientUnits="userSpaceOnUse"><stop stop-color="#190c1c" stop-opacity="0"/><stop offset=".63" stop-color="#190c1c" stop-opacity=".64"/><stop offset="1" stop-color="#190c1c"/></linearGradient></defs><g clip-path="url(#k0_0)"><path fill="url(#k0_1)" d="M0 0H1024V576H0Z"/><path fill="url(#k0_2)" d="M0 0H1024V576H0Z"/><path d="M247-83C180 58 377 160 346 279C312 401 96 339-83 215" fill="none" stroke="#f164a1" stroke-opacity=".21" stroke-width="107" filter="url(#k0_3)"/><path d="M-52 153C53 231 195 292 207 395C213 472 111 526-57 604" fill="none" stroke="#d53194" stroke-opacity=".16" stroke-width="95" filter="url(#k0_3)"/><path d="M484-60H175C111 73 300 153 323 249C348 351 186 355-39 219L-101 341C108 485 375 405 409 285C448 150 281 76 484-60Z" fill="url(#k0_4)" filter="url(#k0_5)"/><path d="M355-55H192C128 48 255 146 298 212C349 291 320 350 191 349C272 380 354 343 355 283C357 186 194 65 355-55Z" fill="url(#k0_6)"/><path d="M201-42C124 61 257 157 302 218C344 275 333 327 278 343C337 335 351 288 325 235C284 157 145 59 201-42Z" fill="url(#k0_7)" filter="url(#k0_5)"/><path d="M44-52C-43 83 52 185 168 263C292 347 281 423 204 483C142 533 29 557-61 619H-154V-52Z" fill="url(#k0_8)"/><path d="M-68 78
…
CSS background-image
.rose-aurora {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/iWs6B1VU8yi-/amnt.svg");
  background-size: contain;
}
React
import RoseAuroraSvg from "./rose-aurora.jsx"; // from the React tab above

<RoseAuroraSvg width={48} height={48} />

Tags

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Rose aurora background — blush and magenta veils on dark wine; quiet right half. Premium abstract aurora website background. Broad luminous flowing ribbons and layered smooth colour gradients with elegant depth. Restrained composition, generous quiet space for a headline, full bleed opaque colour to all edges. No objects, stars, text, frames, logos or mockups. Crisp scalable vector shapes, smooth transitions, refined visual balance. Each design must follow its named palette and composition. as part of the pack Aurora Gradient Backgrounds. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings