Gradient Maker
Add color stops, pick linear or radial, and copy the CSS straight into your project.
0%
100%
background: linear-gradient(90deg, #2F6FED 0%, #B06AE0 100%);Browse by color
Brown gradientsBlack gradientsGreen gradientsRed gradientsPurple gradientsPink gradientsOrange gradientsWhite gradientsYellow gradientsGray gradientsBlue gradientsRainbow gradientsSunset gradientsSilver gradientsGold gradientsNavy gradientsPop Art gradientsWinter gradientsBronze gradientsDark Turquoise gradientsTurquoise gradientsSteel Blue gradientsJade Green gradientsMint gradientsIvory gradients