#FFC3A0
#FFAFBD
Linear CSS gradient
#127 Gentle Care Gradient
A soft linear CSS gradient sweeping from left to right, Gentle Care blends peach (#FFC3A0) and blush pink (#FFAFBD) in two colour stops.
The low-contrast softness makes this gradient versatile as a background layer — readable and soothing at the same time.
Works well for health and wellness apps, baby product sites, soft UI card backgrounds. Copy the CSS snippet below and apply it directly — no preprocessor or build step required.
Color palette
ColorHEXRGB
#FFC3A0rgb(255, 195, 160)
#FFAFBDrgb(255, 175, 189)
CSS code
background-image: linear-gradient(to right, #ffc3a0 0%, #ffafbd 100%);