Turn Text to Video, Instantly
Gradients
HTML
CSS
AI
Tools
PX
REM
PX
EM
33 Blue and Purple Gradient Backgrounds - Dev Devout
Gradient Background Filters
All
Gradient Backgrounds
Blue Purple Gradient Background 1
background-image: linear-gradient(90deg, #1fd1f9, #b621fe)
Blue Purple Gradient Background 2
background-image: linear-gradient(90deg,#647dee, #7f53ac)
Blue Purple Gradient Background 3
background-image: linear-gradient(135deg,#6EDCD9, #E15FED)
Blue Purple Gradient Background 4
background-image: linear-gradient(90deg,#0099ff, #ff14bd )
Blue Purple Gradient Background 5
background-image: linear-gradient(90deg,#6FB2D2, #711A75)
Blue Purple Gradient Background 6
background-image: linear-gradient(45deg,#7882A4, #E4AEC5)
Blue Purple Gradient Background 7
background-image: linear-gradient(45deg,#6EDCD9, #351F39)
Blue Purple Gradient Background 8
background-image: linear-gradient(315deg,#488FB1, #B088F9)
Blue Purple Gradient Background 9
background-image: linear-gradient(90deg,#370665, #C56183)
Blue Purple Gradient Background 10
background-image: linear-gradient(90deg,#98BAE7, #590995)
Blue Purple Gradient Background 11
background-image: linear-gradient(315deg,#290FBA, #C1A1D3)
Blue Purple Gradient Background 12
background-image: linear-gradient(135deg,#7868E6, #DBC6EB)
Blue Purple Gradient Background 13
background-image: linear-gradient(90deg,#12c2e9, #c471ed)
Blue Purple Gradient Background 14
background-image: linear-gradient(90deg,#8E2DE2, #4A00E0)
Blue Purple Gradient Background 15
background-image: linear-gradient(90deg,#a8c0ff, #3f2b96)
Blue Purple Gradient Background 16
background-image: linear-gradient(90deg,#355C7D, #6C5B7B)
Blue Purple Gradient Background 17
background-image: linear-gradient(90deg,#74ebd5, #ACB6E5)
Blue Purple Gradient Background 18
background-image: linear-gradient(90deg,#4568DC, #B06AB3)
Blue Purple Gradient Background 19
background-image: linear-gradient(90deg,#BE93C5, #7BC6CC)
Blue Purple Gradient Background 20
background-image: linear-gradient(90deg,#00d2ff, #928DAB)
Blue Purple Gradient Background 21
background-image: linear-gradient(90deg,#fc00ff, #00dbde)
Blue Purple Gradient Background 22
background-image: linear-gradient(90deg,#FEAC5E, #C779D0)
Blue Purple Gradient Background 23
background-image: linear-gradient(90deg,#360033, #0b8793)
Blue Purple Gradient Background 24
background-image: linear-gradient(90deg,#B993D6, #8CA6DB)
Blue Purple Gradient Background 25
background-image: linear-gradient(90deg,#5f2c82, #49a09d)
Blue Purple Gradient Background 26
background-image: linear-gradient(90deg,#24C6DC, #514A9D)
Blue Purple Gradient Background 27
background-image: linear-gradient(90deg,#5C258D, #4389A2)
Blue Purple Gradient Background 28
background-image: linear-gradient(90deg,#4776E6, #8E54E9)
Blue Purple Gradient Background 29
background-image: linear-gradient(90deg,#712B75, #39AEA9)
Blue Purple Gradient Background 30
background-image: linear-gradient(90deg,#97BFB4, #292C6D)
Blue Purple Gradient Background 31
background-image: linear-gradient(90deg,#2666CF, #B667F1)
Blue Purple Gradient Background 32
background-image: linear-gradient(90deg,#5ee7df, #b490ca)
Blue Purple Gradient Background 33
background-image: linear-gradient(90deg,#667eea, #764ba2)
