Gradient #092

Japan Blush

Linear CSS gradient at -20° with 3 color stops.

Customize gradient

background-image: linear-gradient(-20deg, #ddd6f3 0%, #faaca8 100%, #faaca8 100%);

Color stops

#ddd6f3

Position 0%

#faaca8

Position 100%

#faaca8

Position 100%

Preset dataset: WebGradientsMIT source

Explore more

Similar gradients

View all 180

Spring Warmth

#003 · 0°

Mean Fruit

#015 · 120°

Wide Matrix

#062 · 0°

Passionate Bed

#080 · 0°

Juicy Cake

#146 · 0°

Fabled Sunset

#179 · -225°

FAQ

Japan Blush gradient questions

?How do I reproduce Japan Blush in CSS?

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

?Which colors should I adjust in Japan Blush?

The current stops are #ddd6f3 at 0%, #faaca8 at 100%, #faaca8 at 100%. Change one stop at a time and preview the transition before replacing the full preset.