Turn Text to Video, Instantly
Gradients
HTML
CSS
AI
Tools
PX
REM
PX
EM
19 Purple and Orange Gradient Backgrounds - Dev Devout
Gradient Background Filters
All
Gradient Backgrounds
Purple Orange Gradient Background 1
background-image: linear-gradient(140deg,#f175ff, #ffc038)
Purple Orange Gradient Background 2
background-image: linear-gradient(45deg,#D96098, #F3950D)
Purple Orange Gradient Background 3
background-image: linear-gradient(90deg,#7A0BC0, #F47340)
Purple Orange Gradient Background 4
background-image: linear-gradient(90deg,#C67ACE, #FFA900)
Purple Orange Gradient Background 5
background-image: linear-gradient(135deg,#A267AC, #F14A16)
Purple Orange Gradient Background 6
background-image: linear-gradient(90deg,#570530, #FC9918)
Purple Orange Gradient Background 7
background-image: linear-gradient(90deg,#9A0680, #FFAB4C)
Purple Orange Gradient Background 8
background-image: linear-gradient(315deg,#370665, #F47340)
Purple Orange Gradient Background 9
background-image: linear-gradient(315deg,#8843F2, #FC9918)
Purple Orange Gradient Background 10
background-image: linear-gradient(90deg,#B000B9, #F14A16)
Purple Orange Gradient Background 11
background-image: linear-gradient(5deg,#B24080, #FFAB4C)
Purple Orange Gradient Background 12
background-image: linear-gradient(90deg,#B97A95, #F47340)
Purple Orange Gradient Background 13
background-image: linear-gradient(135deg,#52006A, #FF7600)
Purple Orange Gradient Background 14
background-image: linear-gradient(315deg,#FF9A8C, #D97642)
Purple Orange Gradient Background 15
background-image: linear-gradient(90deg,#8A2387, #E94057)
Purple Orange Gradient Background 16
background-image: linear-gradient(90deg,#1a2a6c, #b21f1f)
Purple Orange Gradient Background 17
background-image: linear-gradient(90deg,#3A1C71, #D76D77)
Purple Orange Gradient Background 18
background-image: linear-gradient(90deg,#833ab4, #fd1d1d)
Purple Orange Gradient Background 19
background-image: linear-gradient(90deg,#D18CE0, #E83A14)