Sky CSS Gradient — Copy the Code

Midday blue into pale horizon — the default optimistic backdrop. Copy the Sky gradient as CSS, a custom property, or a Tailwind theme block, and check its text contrast.

Sky CSS

background: linear-gradient(180deg, rgba(41, 128, 185, 1) 0%, rgba(109, 213, 250, 1) 70%, rgba(245, 251, 255, 1) 100%);

Color stops

  • #2980B9 at 0% (100% opacity)
  • #6DD5FA at 70% (100% opacity)
  • #F5FBFF at 100% (100% opacity)

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