Turn Text to Video, Instantly
Gradients
HTML
CSS
AI
Tools
PX
REM
PX
EM
186 Purple Gradient Backgrounds - Dev Devout
Gradient Background Filters
All
Gradient Backgrounds
Purple Gradient Background 1
background-image: linear-gradient(90deg, #1fd1f9, #b621fe)
Purple Gradient Background 2
background-image: linear-gradient(90deg,#647dee, #7f53ac)
Purple Gradient Background 3
background-image: linear-gradient(140deg,#f175ff, #ffc038)
Purple Gradient Background 4
background-image: linear-gradient(90deg,#CE49BF, #F190B7)
Purple Gradient Background 5
background-image: linear-gradient(90deg,#BE79DF, #FFFFFF)
Purple Gradient Background 6
background-image: linear-gradient(135deg,#6EDCD9, #E15FED)
Purple Gradient Background 7
background-image: linear-gradient(90deg,#0099ff, #ff14bd )
Purple Gradient Background 8
background-image: linear-gradient(315deg,#A63EC5, #F190B7)
Purple Gradient Background 9
background-image: linear-gradient(320deg,#000000, #d814ff )
Purple Gradient Background 10
background-image: linear-gradient(265deg,#e52c0b, #b647ff )
Purple Gradient Background 11
background-image: linear-gradient(125deg,#982ed6, #00c21d)
Purple Gradient Background 12
background-image: linear-gradient(90deg,#6FB2D2, #711A75)
Purple Gradient Background 13
background-image: linear-gradient(45deg,#B958A5, #FFFFFF)
Purple Gradient Background 14
background-image: linear-gradient(45deg,#D96098, #F3950D)
Purple Gradient Background 15
background-image: linear-gradient(5deg,#D18CE0, #000000)
Purple Gradient Background 16
background-image: linear-gradient(315deg,#874356, #C65D7B)
Purple Gradient Background 17
background-image: linear-gradient(90deg,#FFD93D, #E4AEC5)
Purple Gradient Background 18
background-image: linear-gradient(315deg,#FF1818, #A73489)
Purple Gradient Background 19
background-image: linear-gradient(45deg,#7882A4, #E4AEC5)
Purple Gradient Background 20
background-image: linear-gradient(90deg,#C85C5C, #998CEB)
Purple Gradient Background 21
background-image: linear-gradient(90deg,#ECA6A6, #EFB7B7)
Purple Gradient Background 22
background-image: linear-gradient(90deg,#7A0BC0, #F47340)
Purple Gradient Background 23
background-image: linear-gradient(135deg,#711A75, #000000)
Purple Gradient Background 24
background-image: linear-gradient(45deg,#46244C, #CE49BF)
Purple Gradient Background 25
background-image: linear-gradient(45deg,#46244C, #85C88A)
Purple Gradient Background 26
background-image: linear-gradient(135deg,#46244C, #FFFFFF)
Purple Gradient Background 27
background-image: linear-gradient(45deg,#6EDCD9, #351F39)
Purple Gradient Background 28
background-image: linear-gradient(90deg,#C67ACE, #FFA900)
Purple Gradient Background 29
background-image: linear-gradient(315deg,#A63EC5, #FBD6D2)
Purple Gradient Background 30
background-image: linear-gradient(135deg,#A267AC, #F14A16)
Purple Gradient Background 31
background-image: linear-gradient(90deg,#000000, #3F3351)
Purple Gradient Background 32
background-image: linear-gradient(45deg,#FBD6D2, #000000)
Purple Gradient Background 33
background-image: linear-gradient(90deg,#533E85, #ED5EDD)
Purple Gradient Background 34
background-image: linear-gradient(315deg,#533E85, #00C897)
Purple Gradient Background 35
background-image: linear-gradient(315deg,#D18CE0, #FFFFFF)
Purple Gradient Background 36
background-image: linear-gradient(90deg,#570530, #FC9918)
Purple Gradient Background 37
background-image: linear-gradient(90deg,#46244C, #000000)
Purple Gradient Background 38
background-image: linear-gradient(90deg,#8A39E1, #46244C)
Purple Gradient Background 39
background-image: linear-gradient(5deg,#831212, #6D3580)
Purple Gradient Background 40
background-image: linear-gradient(315deg,#533E85, #E7D9EA)
Purple Gradient Background 41
background-image: linear-gradient(135deg,#533E85, #D18CE0)
Purple Gradient Background 42
background-image: linear-gradient(45deg,#B667F1, #FBCAFF)
Purple Gradient Background 43
background-image: linear-gradient(90deg,#9A0680, #FFAB4C)
Purple Gradient Background 44
background-image: linear-gradient(315deg,#ECA6A6, #000000)
Purple Gradient Background 45
background-image: linear-gradient(45deg,#C74B50, #46244C)
Purple Gradient Background 46
background-image: linear-gradient(5deg,#573391, #243D25)
Purple Gradient Background 47
background-image: linear-gradient(45deg,#CF0A2C, #682666)
Purple Gradient Background 48
background-image: linear-gradient(135deg,#711A75, #ECA6A6)
Purple Gradient Background 49
background-image: linear-gradient(315deg,#488FB1, #B088F9)
Purple Gradient Background 50
background-image: linear-gradient(135deg,#9C51E0, #FFADF0)
Purple Gradient Background 51
background-image: linear-gradient(90deg,#370665, #C56183)
Purple Gradient Background 52
background-image: linear-gradient(135deg,#D885A3, #FDCEB9)
Purple Gradient Background 53
background-image: linear-gradient(90deg,#98BAE7, #590995)
Purple Gradient Background 54
background-image: linear-gradient(135deg,#FBCAFF, #FC28FB)
Purple Gradient Background 55
background-image: linear-gradient(315deg,#290FBA, #C1A1D3)
Purple Gradient Background 56
background-image: linear-gradient(135deg,#8A39E1, #D885A3)
Purple Gradient Background 57
background-image: linear-gradient(45deg,#B8B5FF, #351F39)
Purple Gradient Background 58
background-image: linear-gradient(135deg,#4C0027, #A267AC)
Purple Gradient Background 59
background-image: linear-gradient(135deg,#612897, #FFFFFF)
Purple Gradient Background 60
background-image: linear-gradient(135deg,#7868E6, #DBC6EB)
Purple Gradient Background 61
background-image: linear-gradient(135deg,#7900FF, #781C68)
Purple Gradient Background 62
background-image: linear-gradient(135deg,#370665, #79018C)
Purple Gradient Background 63
background-image: linear-gradient(135deg,#4C0070, #A68DAD)
Purple Gradient Background 64
background-image: linear-gradient(135deg,#B983FF, #D47AE8)
Purple Gradient Background 65
background-image: linear-gradient(315deg,#452c63, #FF00FF)
Purple Gradient Background 66
background-image: linear-gradient(315deg,#E6E6FA, #FF00BF)
Purple Gradient Background 67
background-image: linear-gradient(45deg,#DDA0DD, #eec0c8)
Purple Gradient Background 68
background-image: linear-gradient(90deg,#FFBD35, #9A0680)
Purple Gradient Background 69
background-image: linear-gradient(315deg,#800080, #FFC0CB)
Purple Gradient Background 70
background-image: linear-gradient(315deg,#33006F, #F9629F)
Purple Gradient Background 71
background-image: linear-gradient(315deg,#662d91, #FFEEEE)
Purple Gradient Background 72
background-image: linear-gradient(135deg,#1d1160, #FBD6D2)
Purple Gradient Background 73
background-image: linear-gradient(315deg,#D8BFD8, #E4AEC5)
Purple Gradient Background 74
background-image: linear-gradient(45deg,#EE82EE, #F10086)
Purple Gradient Background 75
background-image: linear-gradient(90deg,#720e9e, #F68989)
Purple Gradient Background 76
background-image: linear-gradient(90deg,#573391, #C65D7B)
Purple Gradient Background 77
background-image: linear-gradient(90deg,#655D8A, #F3C5C5)
Purple Gradient Background 78
background-image: linear-gradient(90deg,#502064, #E60965)
Purple Gradient Background 79
background-image: linear-gradient(90deg,#9900F0, #FFFFFF)
Purple Gradient Background 80
background-image: linear-gradient(315deg,#370665, #F47340)
Purple Gradient Background 81
background-image: linear-gradient(315deg,#452c63, #000000)
Purple Gradient Background 82
background-image: linear-gradient(315deg,#452c63, #32de84)
Purple Gradient Background 83
background-image: linear-gradient(135deg,#E60026, #452c63)
Purple Gradient Background 84
background-image: linear-gradient(90deg,#F190B7, #9900F0)
Purple Gradient Background 85
background-image: linear-gradient(135deg,#4B0082, #000000)
Purple Gradient Background 86
background-image: linear-gradient(90deg,#4B0082, #568203)
Purple Gradient Background 87
background-image: linear-gradient(315deg,#AA0000, #4B0082)
Purple Gradient Background 88
background-image: linear-gradient(315deg,#8843F2, #FC9918)
Purple Gradient Background 89
background-image: linear-gradient(315deg,#FFD124, #DDA0DD)
Purple Gradient Background 90
background-image: linear-gradient(90deg,#EF0107, #DDA0DD)
Purple Gradient Background 91
background-image: linear-gradient(315deg,#D18CE0, #711A75)
Purple Gradient Background 92
background-image: linear-gradient(90deg,#B000B9, #F14A16)
Purple Gradient Background 93
background-image: linear-gradient(135deg,#800080, #000000)
Purple Gradient Background 94
background-image: linear-gradient(45deg,#800080, #00563B)
Purple Gradient Background 95
background-image: linear-gradient(90deg,#EAEA7F, #800080)
Purple Gradient Background 96
background-image: linear-gradient(90deg,#660000, #800080)
Purple Gradient Background 97
background-image: linear-gradient(5deg,#B24080, #FFAB4C)
Purple Gradient Background 98
background-image: linear-gradient(315deg,#33006F, #000000)
Purple Gradient Background 99
background-image: linear-gradient(90deg,#A52A2A, #33006F)
Purple Gradient Background 100
background-image: linear-gradient(135deg,#F2C9E1, #8A39E1)
Purple Gradient Background 101
background-image: linear-gradient(90deg,#B97A95, #F47340)
Purple Gradient Background 102
background-image: linear-gradient(135deg,#662d91, #1CAC78)
Purple Gradient Background 103
background-image: linear-gradient(90deg,#8B0000, #662d91)
Purple Gradient Background 104
background-image: linear-gradient(135deg,#52006A, #FF7600)
Purple Gradient Background 105
background-image: linear-gradient(90deg,#720e9e, #000000)
Purple Gradient Background 106
background-image: linear-gradient(45deg,#720e9e, #50C878)
Purple Gradient Background 107
background-image: linear-gradient(90deg,#FFD32D, #720e9e)
Purple Gradient Background 108
background-image: linear-gradient(315deg,#A51C30, #720e9e)
Purple Gradient Background 109
background-image: linear-gradient(315deg,#FF9A8C, #D97642)
Purple Gradient Background 110
background-image: linear-gradient(90deg,#ED5EDD, #000000)
Purple Gradient Background 111
background-image: linear-gradient(135deg,#AB0003, #ED5EDD)
Purple Gradient Background 112
background-image: linear-gradient(90deg,#12c2e9, #c471ed)
Purple Gradient Background 113
background-image: linear-gradient(90deg,#8E2DE2, #4A00E0)
Purple Gradient Background 114
background-image: linear-gradient(90deg,#c31432, #240b36)
Purple Gradient Background 115
background-image: linear-gradient(90deg,#8360c3, #2ebf91)
Purple Gradient Background 116
background-image: linear-gradient(90deg,#654ea3, #eaafc8)
Purple Gradient Background 117
background-image: linear-gradient(90deg,#8A2387, #E94057)
Purple Gradient Background 118
background-image: linear-gradient(90deg,#59C173, #a17fe0)
Purple Gradient Background 119
background-image: linear-gradient(90deg,#DA4453, #89216B)
Purple Gradient Background 120
background-image: linear-gradient(90deg,#ad5389, #3c1053)
Purple Gradient Background 121
background-image: linear-gradient(90deg,#355C7D, #6C5B7B)
Purple Gradient Background 122
background-image: linear-gradient(90deg,#bc4e9c, #f80759)
Purple Gradient Background 123
background-image: linear-gradient(90deg,#c94b4b, #4b134f)
Purple Gradient Background 124
background-image: linear-gradient(90deg,#D3CCE3, #E9E4F0)
Purple Gradient Background 125
background-image: linear-gradient(90deg,#74ebd5, #ACB6E5)
Purple Gradient Background 126
background-image: linear-gradient(90deg,#1a2a6c, #b21f1f)
Purple Gradient Background 127
background-image: linear-gradient(90deg,#7F00FF, #E100FF)
Purple Gradient Background 128
background-image: linear-gradient(90deg,#d9a7c7, #fffcdc)
Purple Gradient Background 129
background-image: linear-gradient(90deg,#642B73, #C6426E)
Purple Gradient Background 130
background-image: linear-gradient(90deg,#3A1C71, #D76D77)
Purple Gradient Background 131
background-image: linear-gradient(90deg,#c0392b, #8e44ad)
Purple Gradient Background 132
background-image: linear-gradient(90deg,#20002c, #cbb4d4)
Purple Gradient Background 133
background-image: linear-gradient(90deg,#C33764, #1D2671)
Purple Gradient Background 134
background-image: linear-gradient(90deg,#200122, #6f0000)
Purple Gradient Background 135
background-image: linear-gradient(90deg,#4568DC, #B06AB3)
Purple Gradient Background 136
background-image: linear-gradient(90deg,#E8CBC0, #636FA4)
Purple Gradient Background 137
background-image: linear-gradient(90deg,#A770EF, #CF8BF3)
Purple Gradient Background 138
background-image: linear-gradient(90deg,#41295a, #2F0743)
Purple Gradient Background 139
background-image: linear-gradient(90deg,#ff00cc, #333399)
Purple Gradient Background 140
background-image: linear-gradient(90deg,#BE93C5, #7BC6CC)
Purple Gradient Background 141
background-image: linear-gradient(90deg,#42275a, #734b6d)
Purple Gradient Background 142
background-image: linear-gradient(90deg,#e96443, #904e95)
Purple Gradient Background 143
background-image: linear-gradient(90deg,#00d2ff, #928DAB)
Purple Gradient Background 144
background-image: linear-gradient(90deg,#BA5370, #F4E2D8)
Purple Gradient Background 145
background-image: linear-gradient(90deg,#834d9b, #d04ed6)
Purple Gradient Background 146
background-image: linear-gradient(90deg,#5614B0, #DBD65C)
Purple Gradient Background 147
background-image: linear-gradient(90deg,#6a3093, #a044ff)
Purple Gradient Background 148
background-image: linear-gradient(90deg,#B24592, #F15F79)
Purple Gradient Background 149
background-image: linear-gradient(90deg,#403A3E, #BE5869)
Purple Gradient Background 150
background-image: linear-gradient(90deg,#673AB7, #512DA8)
Purple Gradient Background 151
background-image: linear-gradient(90deg,#fc00ff, #00dbde)
Purple Gradient Background 152
background-image: linear-gradient(90deg,#7b4397, #dc2430)
Purple Gradient Background 153
background-image: linear-gradient(90deg,#ff0084, #33001b)
Purple Gradient Background 154
background-image: linear-gradient(90deg,#833ab4, #fd1d1d)
Purple Gradient Background 155
background-image: linear-gradient(90deg,#FEAC5E, #C779D0)
Purple Gradient Background 156
background-image: linear-gradient(90deg,#6441A5, #2a0845)
Purple Gradient Background 157
background-image: linear-gradient(90deg,#360033, #0b8793)
Purple Gradient Background 158
background-image: linear-gradient(90deg,#948E99, #2E1437)
Purple Gradient Background 159
background-image: linear-gradient(90deg,#9D50BB, #6E48AA)
Purple Gradient Background 160
background-image: linear-gradient(90deg,#F0C27B, #4B1248)
Purple Gradient Background 161
background-image: linear-gradient(90deg,#FBD3E9, #BB377D)
Purple Gradient Background 162
background-image: linear-gradient(90deg,#B993D6, #8CA6DB)
Purple Gradient Background 163
background-image: linear-gradient(90deg,#5D4157, #A8CABA)
Purple Gradient Background 164
background-image: linear-gradient(90deg,#C04848, #480048)
Purple Gradient Background 165
background-image: linear-gradient(90deg,#5f2c82, #49a09d)
Purple Gradient Background 166
background-image: linear-gradient(90deg,#24C6DC, #514A9D)
Purple Gradient Background 167
background-image: linear-gradient(90deg,#757F9A, #D7DDE8)
Purple Gradient Background 168
background-image: linear-gradient(90deg,#5C258D, #4389A2)
Purple Gradient Background 169
background-image: linear-gradient(90deg,#4776E6, #8E54E9)
Purple Gradient Background 170
background-image: linear-gradient(90deg,#1D2B64, #F8CDDA)
Purple Gradient Background 171
background-image: linear-gradient(90deg,#AA076B, #61045F)
Purple Gradient Background 172
background-image: linear-gradient(90deg,#DA22FF, #9733EE)
Purple Gradient Background 173
background-image: linear-gradient(90deg,#cc2b5e, #753a88)
Purple Gradient Background 174
background-image: linear-gradient(90deg,#9796f0, #fbc7d4)
Purple Gradient Background 175
background-image: linear-gradient(90deg,#acb6e5, #86fde8)
Purple Gradient Background 176
background-image: linear-gradient(90deg,#712B75, #39AEA9)
Purple Gradient Background 177
background-image: linear-gradient(90deg,#D18CE0, #E83A14)
Purple Gradient Background 178
background-image: linear-gradient(90deg,#97BFB4, #292C6D)
Purple Gradient Background 179
background-image: linear-gradient(90deg,#2666CF, #B667F1)
Purple Gradient Background 180
background-image: linear-gradient(90deg,#a18cd1, #fbc2eb)
Purple Gradient Background 181
background-image: linear-gradient(90deg,#fccb90, #d57eeb)
Purple Gradient Background 182
background-image: linear-gradient(90deg,#5ee7df, #b490ca)
Purple Gradient Background 183
background-image: linear-gradient(90deg,#d299c2, #fef9d7)
Purple Gradient Background 184
background-image: linear-gradient(90deg,#cd9cf2, #f6f3ff)
Purple Gradient Background 185
background-image: linear-gradient(90deg,#c471f5, #fa71cd)
Purple Gradient Background 186
background-image: linear-gradient(90deg,#667eea, #764ba2)
