Sepia Fade CSS Gradient — Copy the Code

Old-photograph brown lifting through tan into faded paper white. Copy the Sepia Fade gradient as CSS, a custom property, or a Tailwind theme block, and check its text contrast.

Sepia Fade CSS

background: linear-gradient(110deg, rgba(112, 66, 20, 1) 0%, rgba(201, 169, 122, 1) 55%, rgba(239, 228, 208, 1) 100%);

Color stops

  • #704214 at 0% (100% opacity)
  • #C9A97A at 55% (100% opacity)
  • #EFE4D0 at 100% (100% opacity)

Edit this gradient · Browse all gradients · Check text over gradients