Brushed Brass CSS Gradient — Copy the Code

Dark brass through antique gold into a soft metallic highlight. Copy the Brushed Brass gradient as CSS, a custom property, or a Tailwind theme block, and check its text contrast.

Brushed Brass CSS

background: linear-gradient(110deg, rgba(109, 84, 22, 1) 0%, rgba(176, 141, 47, 1) 55%, rgba(230, 199, 102, 1) 100%);

Color stops

  • #6D5416 at 0% (100% opacity)
  • #B08D2F at 55% (100% opacity)
  • #E6C766 at 100% (100% opacity)

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