#C1C161
#D4D4B1
Linear CSS gradient
Sand Strike
A smooth linear CSS gradient sweeping from left to right, Sand Strike blends golden yellow (#C1C161) and lemon (#D4D4B1) in two colour stops.
The balanced colour range transitions cleanly, giving designers a flexible base that adapts to both light and dark surrounding palettes.
Works well for hero section backgrounds, marketing landing pages, UI card surfaces. Copy the CSS snippet below and apply it directly — no preprocessor or build step required.
Color palette
ColorHEXRGB
#C1C161rgb(193, 193, 97)
#D4D4B1rgb(212, 212, 177)
CSS code
background-image: linear-gradient(to right, #c1c161 0%, #c1c161 0%, #d4d4b1 100%);