Gradient #114

New Retrowave

Linear CSS gradient at 0° with 3 color stops.

Customize gradient

background-image: linear-gradient(0deg, #3b41c5 0%, #a981bb 49%, #ffc8a9 100%);

Color stops

#3b41c5

Position 0%

#a981bb

Position 49%

#ffc8a9

Position 100%

Preset dataset: WebGradientsMIT source

Explore more

Similar gradients

View all 180

Sweet Period

#061 · 0°

Warm Flame

#001 · 45°

Night Fade

#002 · 0°

Spring Warmth

#003 · 0°

Juicy Peach

#004 · 90°

Young Passion

#005 · 90°

FAQ

New Retrowave gradient questions

?How do I reproduce New Retrowave in CSS?

Use background-image: linear-gradient(0deg, #3b41c5 0%, #a981bb 49%, #ffc8a9 100%); on the target element. This preset has 3 color stops at 0 degrees; check it at the final element dimensions.

?Which colors should I adjust in New Retrowave?

The current stops are #3b41c5 at 0%, #a981bb at 49%, #ffc8a9 at 100%. Change one stop at a time and preview the transition before replacing the full preset.