Turn Text to Video, Instantly
Gradients
HTML
CSS
AI
Tools
PX
REM
PX
EM
224 Blue Gradient Backgrounds - Dev Devout
Gradient Background Filters
All
Gradient Backgrounds
Blue Gradient Background 1
background-image: linear-gradient(90deg, #1fd1f9, #b621fe)
Blue Gradient Background 2
background-image: linear-gradient(315deg,#63a4ff, #83eaf1)
Blue Gradient Background 3
background-image: linear-gradient(135deg,#7ee8fa, #eec0c6)
Blue Gradient Background 4
background-image: linear-gradient(315deg, #fcd000, #76daff)
Blue Gradient Background 5
background-image: linear-gradient(90deg,#647dee, #7f53ac)
Blue Gradient Background 6
background-image: linear-gradient(315deg,#20DED3, #F6FBA2)
Blue Gradient Background 7
background-image: linear-gradient(135deg,#6EDCD9, #E15FED)
Blue Gradient Background 8
background-image: linear-gradient(315deg,#B3F6D8, #52A7C1)
Blue Gradient Background 9
background-image: linear-gradient(90deg,#0099ff, #ff14bd )
Blue Gradient Background 10
background-image: linear-gradient(315deg,#4D96FF, #FFFFFF)
Blue Gradient Background 11
background-image: linear-gradient(90deg,#6FB2D2, #711A75)
Blue Gradient Background 12
background-image: linear-gradient(335deg,#0fdbff, #ffcf57)
Blue Gradient Background 13
background-image: linear-gradient(90deg, #20bf55, #01baef)
Blue Gradient Background 14
background-image: linear-gradient(245deg,#00a4d1, #f4ff1f )
Blue Gradient Background 15
background-image: linear-gradient(45deg,#7882A4, #E4AEC5)
Blue Gradient Background 16
background-image: linear-gradient(135deg,#0E3EDA, #56BBF1)
Blue Gradient Background 17
background-image: linear-gradient(90deg,#313552, #219F94)
Blue Gradient Background 18
background-image: linear-gradient(135deg,#99FEFF, #FBF46D)
Blue Gradient Background 19
background-image: linear-gradient(315deg,#D6E5FA, #D77FA1)
Blue Gradient Background 20
background-image: linear-gradient(45deg,#6EDCD9, #351F39)
Blue Gradient Background 21
background-image: linear-gradient(315deg,#9FB4FF, #1A132F)
Blue Gradient Background 22
background-image: linear-gradient(5deg,#00FFDD, #000000)
Blue Gradient Background 23
background-image: linear-gradient(315deg,#139487, #FEE440)
Blue Gradient Background 24
background-image: linear-gradient(90deg,#FED1EF, #9ADCFF)
Blue Gradient Background 25
background-image: linear-gradient(135deg,#42C2FF, #000000)
Blue Gradient Background 26
background-image: linear-gradient(315deg,#5463FF, #85F4FF)
Blue Gradient Background 27
background-image: linear-gradient(315deg,#488FB1, #B088F9)
Blue Gradient Background 28
background-image: linear-gradient(90deg,#370665, #C56183)
Blue Gradient Background 29
background-image: linear-gradient(315deg,#085E7D, #03045E)
Blue Gradient Background 30
background-image: linear-gradient(90deg,#98BAE7, #590995)
Blue Gradient Background 31
background-image: linear-gradient(45deg,#F33535, #AEDDCD)
Blue Gradient Background 32
background-image: linear-gradient(45deg,#FFE3E3, #5C969E)
Blue Gradient Background 33
background-image: linear-gradient(315deg,#290FBA, #C1A1D3)
Blue Gradient Background 34
background-image: linear-gradient(315deg,#35589A, #85F4FF)
Blue Gradient Background 35
background-image: linear-gradient(45deg,#F5C0C0, #6886C5)
Blue Gradient Background 36
background-image: linear-gradient(315deg,#406882, #95D1CC)
Blue Gradient Background 37
background-image: linear-gradient(315deg,#FF7171, #323EDD)
Blue Gradient Background 38
background-image: linear-gradient(315deg,#000957, #32C1CD)
Blue Gradient Background 39
background-image: linear-gradient(315deg,#FBBEDF, #98D6EA)
Blue Gradient Background 40
background-image: linear-gradient(135deg,#7868E6, #DBC6EB)
Blue Gradient Background 41
background-image: linear-gradient(45deg,#EC4646, #D6E5FA)
Blue Gradient Background 42
background-image: linear-gradient(45deg,#FF577F, #192965)
Blue Gradient Background 43
background-image: linear-gradient(315deg,#E79CC2, #9399FF)
Blue Gradient Background 44
background-image: linear-gradient(90deg,#7CB9E8, #7FFFD4)
Blue Gradient Background 45
background-image: linear-gradient(315deg,#F0F8FF, #6CB4EE)
Blue Gradient Background 46
background-image: linear-gradient(90deg,#007FFF, #89CFF0)
Blue Gradient Background 47
background-image: linear-gradient(45deg,#0066b2, #89CFF0)
Blue Gradient Background 48
background-image: linear-gradient(90deg,#6699CC, #3457D5)
Blue Gradient Background 49
background-image: linear-gradient(315deg,#007FFF, #FFFFFF)
Blue Gradient Background 50
background-image: linear-gradient(315deg,#002244, #3457D5)
Blue Gradient Background 51
background-image: linear-gradient(45deg,#B2FFFF, #4B9CD3)
Blue Gradient Background 52
background-image: linear-gradient(90deg,#034694, #0CAFFF)
Blue Gradient Background 53
background-image: linear-gradient(90deg,#6495ED, #B9D9EB)
Blue Gradient Background 54
background-image: linear-gradient(90deg,#D6E5FA, #38515e)
Blue Gradient Background 55
background-image: linear-gradient(135deg,#00CED1, #0076CE)
Blue Gradient Background 56
background-image: linear-gradient(90deg,#1F305E, #008E97)
Blue Gradient Background 57
background-image: linear-gradient(315deg,#5F9EA0, #FFFFFF)
Blue Gradient Background 58
background-image: linear-gradient(315deg,#012169, #1877F2)
Blue Gradient Background 59
background-image: linear-gradient(135deg,#99FFFF, #ADD8E6)
Blue Gradient Background 60
background-image: linear-gradient(315deg,#B2FFFF, #FFFFFF)
Blue Gradient Background 61
background-image: linear-gradient(315deg,#90AACB, #323232)
Blue Gradient Background 62
background-image: linear-gradient(135deg,#87CEFA, #B0C4DE)
Blue Gradient Background 63
background-image: linear-gradient(315deg,#6495ED, #FFFFFF)
Blue Gradient Background 64
background-image: linear-gradient(45deg,#002fa7, #0071c5)
Blue Gradient Background 65
background-image: linear-gradient(315deg,#E0FFFF, #0093AF)
Blue Gradient Background 66
background-image: linear-gradient(90deg,#0093AF, #7CFC00)
Blue Gradient Background 67
background-image: linear-gradient(135deg,#00CCCC, #4B61D1)
Blue Gradient Background 68
background-image: linear-gradient(315deg,#008E97, #FFFFFF)
Blue Gradient Background 69
background-image: linear-gradient(90deg,#7CB9E8, #FFD36E)
Blue Gradient Background 70
background-image: linear-gradient(315deg,#03C8A8, #89D8D3)
Blue Gradient Background 71
background-image: linear-gradient(90deg,#00FFFF, #FF5F00)
Blue Gradient Background 72
background-image: linear-gradient(45deg,#EF0107, #FFFFFF)
Blue Gradient Background 73
background-image: linear-gradient(90deg,#00FFFF, #EAEA7F)
Blue Gradient Background 74
background-image: linear-gradient(90deg,#0000FF, #FFBC80)
Blue Gradient Background 75
background-image: linear-gradient(45deg,#5072A7, #EA5C2B)
Blue Gradient Background 76
background-image: linear-gradient(135deg,#B2FFFF, #FFF89A)
Blue Gradient Background 77
background-image: linear-gradient(315deg,#00BFFF, #FF7F3F)
Blue Gradient Background 78
background-image: linear-gradient(90deg,#1560bd, #FFE162)
Blue Gradient Background 79
background-image: linear-gradient(90deg,#214151, #A2D0C1)
Blue Gradient Background 80
background-image: linear-gradient(90deg,#2193b0, #6dd5ed)
Blue Gradient Background 81
background-image: linear-gradient(90deg,#C6FFDD, #FBD786)
Blue Gradient Background 82
background-image: linear-gradient(90deg,#12c2e9, #c471ed)
Blue Gradient Background 83
background-image: linear-gradient(90deg,#2980B9, #6DD5FA)
Blue Gradient Background 84
background-image: linear-gradient(90deg,#8E2DE2, #4A00E0)
Blue Gradient Background 85
background-image: linear-gradient(90deg,#7F7FD5, #86A8E7)
Blue Gradient Background 86
background-image: linear-gradient(90deg,#659999, #f4791f)
Blue Gradient Background 87
background-image: linear-gradient(90deg,#009FFF, #ec2F4B)
Blue Gradient Background 88
background-image: linear-gradient(90deg,#a8ff78, #78ffd6)
Blue Gradient Background 89
background-image: linear-gradient(90deg,#00B4DB, #0083B0)
Blue Gradient Background 90
background-image: linear-gradient(90deg,#005AA7, #FFFDE4)
Blue Gradient Background 91
background-image: linear-gradient(90deg,#a8c0ff, #3f2b96)
Blue Gradient Background 92
background-image: linear-gradient(90deg,#355C7D, #6C5B7B)
Blue Gradient Background 93
background-image: linear-gradient(90deg,#40E0D0, #FF8C00)
Blue Gradient Background 94
background-image: linear-gradient(90deg,#3E5151, #DECBA4)
Blue Gradient Background 95
background-image: linear-gradient(90deg,#11998e, #38ef7d)
Blue Gradient Background 96
background-image: linear-gradient(90deg,#108dc7, #ef8e38)
Blue Gradient Background 97
background-image: linear-gradient(90deg,#FC5C7D, #6A82FB)
Blue Gradient Background 98
background-image: linear-gradient(90deg,#FC466B, #3F5EFB)
Blue Gradient Background 99
background-image: linear-gradient(90deg,#0f0c29, #302b63)
Blue Gradient Background 100
background-image: linear-gradient(90deg,#00b09b, #96c93d)
Blue Gradient Background 101
background-image: linear-gradient(90deg,#00F260, #0575E6)
Blue Gradient Background 102
background-image: linear-gradient(90deg,#74ebd5, #ACB6E5)
Blue Gradient Background 103
background-image: linear-gradient(90deg,#22c1c3, #fdbb2d)
Blue Gradient Background 104
background-image: linear-gradient(90deg,#C9D6FF, #E2E2E2)
Blue Gradient Background 105
background-image: linear-gradient(90deg,#0cebeb, #20e3b2)
Blue Gradient Background 106
background-image: linear-gradient(90deg,#06beb6, #48b1bf)
Blue Gradient Background 107
background-image: linear-gradient(90deg,#1c92d2, #f2fcfe)
Blue Gradient Background 108
background-image: linear-gradient(90deg,#36D1DC, #5B86E5)
Blue Gradient Background 109
background-image: linear-gradient(90deg,#007991, #78ffd6)
Blue Gradient Background 110
background-image: linear-gradient(90deg,#56CCF2, #2F80ED)
Blue Gradient Background 111
background-image: linear-gradient(90deg,#4AC29A, #BDFFF3)
Blue Gradient Background 112
background-image: linear-gradient(90deg,#B2FEFA, #0ED2F7)
Blue Gradient Background 113
background-image: linear-gradient(90deg,#30E8BF, #FF8235)
Blue Gradient Background 114
background-image: linear-gradient(90deg,#34e89e, #0f3443)
Blue Gradient Background 115
background-image: linear-gradient(90deg,#6190E8, #A7BFE8)
Blue Gradient Background 116
background-image: linear-gradient(90deg,#44A08D, #093637)
Blue Gradient Background 117
background-image: linear-gradient(90deg,#0575E6, #021B79)
Blue Gradient Background 118
background-image: linear-gradient(90deg,#4568DC, #B06AB3)
Blue Gradient Background 119
background-image: linear-gradient(90deg,#43C6AC, #F8FFAE)
Blue Gradient Background 120
background-image: linear-gradient(90deg,#3494E6, #EC6EAD)
Blue Gradient Background 121
background-image: linear-gradient(90deg,#67B26F, #4ca2cd)
Blue Gradient Background 122
background-image: linear-gradient(90deg,#00c3ff, #ffff1c)
Blue Gradient Background 123
background-image: linear-gradient(90deg,#de6161, #2657eb)
Blue Gradient Background 124
background-image: linear-gradient(90deg,#ef32d9, #89fffd)
Blue Gradient Background 125
background-image: linear-gradient(90deg,#4ECDC4, #556270)
Blue Gradient Background 126
background-image: linear-gradient(90deg,#A1FFCE, #FAFFD1)
Blue Gradient Background 127
background-image: linear-gradient(90deg,#BE93C5, #7BC6CC)
Blue Gradient Background 128
background-image: linear-gradient(90deg,#ffd89b, #19547b)
Blue Gradient Background 129
background-image: linear-gradient(90deg,#2C3E50, #4CA1AF)
Blue Gradient Background 130
background-image: linear-gradient(90deg,#0B486B, #F56217)
Blue Gradient Background 131
background-image: linear-gradient(90deg,#00d2ff, #928DAB)
Blue Gradient Background 132
background-image: linear-gradient(90deg,#16BFFD, #CB3066)
Blue Gradient Background 133
background-image: linear-gradient(90deg,#ff4b1f, #1fddff)
Blue Gradient Background 134
background-image: linear-gradient(90deg,#E0EAFC, #CFDEF3)
Blue Gradient Background 135
background-image: linear-gradient(90deg,#4CA1AF, #C4E0E5)
Blue Gradient Background 136
background-image: linear-gradient(90deg,#4B79A1, #283E51)
Blue Gradient Background 137
background-image: linear-gradient(90deg,#0099F7, #F11712)
Blue Gradient Background 138
background-image: linear-gradient(90deg,#2980b9, #2c3e50)
Blue Gradient Background 139
background-image: linear-gradient(90deg,#4DA0B0, #D39D38)
Blue Gradient Background 140
background-image: linear-gradient(90deg,#457fca, #5691c8)
Blue Gradient Background 141
background-image: linear-gradient(90deg,#c2e59c, #64b3f4)
Blue Gradient Background 142
background-image: linear-gradient(90deg,#00C9FF, #92FE9D)
Blue Gradient Background 143
background-image: linear-gradient(90deg,#fc00ff, #00dbde)
Blue Gradient Background 144
background-image: linear-gradient(90deg,#2c3e50, #3498db)
Blue Gradient Background 145
background-image: linear-gradient(90deg,#304352, #d7d2cc)
Blue Gradient Background 146
background-image: linear-gradient(90deg,#F1F2B5, #135058)
Blue Gradient Background 147
background-image: linear-gradient(90deg,#FEAC5E, #C779D0)
Blue Gradient Background 148
background-image: linear-gradient(90deg,#43cea2, #185a9d)
Blue Gradient Background 149
background-image: linear-gradient(90deg,#FFA17F, #00223E)
Blue Gradient Background 150
background-image: linear-gradient(90deg,#360033, #0b8793)
Blue Gradient Background 151
background-image: linear-gradient(90deg,#73C8A9, #373B44)
Blue Gradient Background 152
background-image: linear-gradient(90deg,#83a4d4, #b6fbff)
Blue Gradient Background 153
background-image: linear-gradient(90deg,#00c6ff, #0072ff)
Blue Gradient Background 154
background-image: linear-gradient(90deg,#70e1f5, #ffd194)
Blue Gradient Background 155
background-image: linear-gradient(90deg,#B3FFAB, #12FFF7)
Blue Gradient Background 156
background-image: linear-gradient(90deg,#AAFFA9, #11FFBD)
Blue Gradient Background 157
background-image: linear-gradient(90deg,#C9FFBF, #FFAFBD)
Blue Gradient Background 158
background-image: linear-gradient(90deg,#B993D6, #8CA6DB)
Blue Gradient Background 159
background-image: linear-gradient(90deg,#00d2ff, #3a7bd5)
Blue Gradient Background 160
background-image: linear-gradient(90deg,#5D4157, #A8CABA)
Blue Gradient Background 161
background-image: linear-gradient(90deg,#50C9C3, #96DEDA)
Blue Gradient Background 162
background-image: linear-gradient(90deg,#e9d362, #333333)
Blue Gradient Background 163
background-image: linear-gradient(90deg,#4b6cb7, #182848)
Blue Gradient Background 164
background-image: linear-gradient(90deg,#FC354C, #0ABFBC)
Blue Gradient Background 165
background-image: linear-gradient(90deg,#5f2c82, #49a09d)
Blue Gradient Background 166
background-image: linear-gradient(90deg,#DAE2F8, #D6A4A4)
Blue Gradient Background 167
background-image: linear-gradient(90deg,#DC2424, #4A569D)
Blue Gradient Background 168
background-image: linear-gradient(90deg,#24C6DC, #514A9D)
Blue Gradient Background 169
background-image: linear-gradient(90deg,#283048, #859398)
Blue Gradient Background 170
background-image: linear-gradient(90deg,#3D7EAA, #FFE47A)
Blue Gradient Background 171
background-image: linear-gradient(90deg,#1CD8D2, #93EDC7)
Blue Gradient Background 172
background-image: linear-gradient(90deg,#5C258D, #4389A2)
Blue Gradient Background 173
background-image: linear-gradient(90deg,#134E5E, #71B280)
Blue Gradient Background 174
background-image: linear-gradient(90deg,#2BC0E4, #EAECC6)
Blue Gradient Background 175
background-image: linear-gradient(90deg,#085078, #85D8CE)
Blue Gradient Background 176
background-image: linear-gradient(90deg,#4776E6, #8E54E9)
Blue Gradient Background 177
background-image: linear-gradient(90deg,#16222A, #3A6073)
Blue Gradient Background 178
background-image: linear-gradient(90deg,#4CB8C4, #3CD3AD)
Blue Gradient Background 179
background-image: linear-gradient(90deg,#1FA2FF, #12D8FA)
Blue Gradient Background 180
background-image: linear-gradient(90deg,#1A2980, #26D0CE)
Blue Gradient Background 181
background-image: linear-gradient(90deg,#E55D87, #5FC3E4)
Blue Gradient Background 182
background-image: linear-gradient(90deg,#CC95C0, #DBD4B4)
Blue Gradient Background 183
background-image: linear-gradient(90deg,#02AAB0, #00CDAC)
Blue Gradient Background 184
background-image: linear-gradient(90deg,#16A085, #F4D03F)
Blue Gradient Background 185
background-image: linear-gradient(90deg,#ff6e7f, #bfe9ff)
Blue Gradient Background 186
background-image: linear-gradient(90deg,#77A1D3, #79CBCA)
Blue Gradient Background 187
background-image: linear-gradient(90deg,#314755, #26a0da)
Blue Gradient Background 188
background-image: linear-gradient(90deg,#00467F, #A5CC82)
Blue Gradient Background 189
background-image: linear-gradient(90deg,#076585, #ffffff)
Blue Gradient Background 190
background-image: linear-gradient(90deg,#BBD2C5, #536976)
Blue Gradient Background 191
background-image: linear-gradient(90deg,#536976, #292E49)
Blue Gradient Background 192
background-image: linear-gradient(90deg,#acb6e5, #86fde8)
Blue Gradient Background 193
background-image: linear-gradient(90deg,#00416A, #E4E5E6)
Blue Gradient Background 194
background-image: linear-gradient(90deg,#5433FF, #20BDFF)
Blue Gradient Background 195
background-image: linear-gradient(90deg,#00416A, #799F0C)
Blue Gradient Background 196
background-image: linear-gradient(43deg,#4158D0, #C850C0)
Blue Gradient Background 197
background-image: linear-gradient(180deg,#FFFFFF, #6284FF)
Blue Gradient Background 198
background-image: linear-gradient(90deg,#55D8C1, #DEA057)
Blue Gradient Background 199
background-image: linear-gradient(90deg,#4E944F, #125B50)
Blue Gradient Background 200
background-image: linear-gradient(90deg,#712B75, #39AEA9)
Blue Gradient Background 201
background-image: linear-gradient(90deg,#97DBAE, #F4BBBB)
Blue Gradient Background 202
background-image: linear-gradient(90deg,#E45826, #00FFDD)
Blue Gradient Background 203
background-image: linear-gradient(90deg,#FFB72B, #203239)
Blue Gradient Background 204
background-image: linear-gradient(90deg,#139487, #D29D2B)
Blue Gradient Background 205
background-image: linear-gradient(90deg,#97BFB4, #292C6D)
Blue Gradient Background 206
background-image: linear-gradient(90deg,#2666CF, #F76E11)
Blue Gradient Background 207
background-image: linear-gradient(90deg,#2666CF, #B667F1)
Blue Gradient Background 208
background-image: linear-gradient(90deg,#fbc2eb, #a6c1ee)
Blue Gradient Background 209
background-image: linear-gradient(90deg,#a1c4fd, #c2e9fb)
Blue Gradient Background 210
background-image: linear-gradient(90deg,#84fab0, #8fd3f4)
Blue Gradient Background 211
background-image: linear-gradient(90deg,#a6c0fe, #f68084)
Blue Gradient Background 212
background-image: linear-gradient(90deg,#4facfe, #00f2fe)
Blue Gradient Background 213
background-image: linear-gradient(90deg,#43e97b, #38f9d7)
Blue Gradient Background 214
background-image: linear-gradient(90deg,#a8edea, #fed6e3)
Blue Gradient Background 215
background-image: linear-gradient(90deg,#5ee7df, #b490ca)
Blue Gradient Background 216
background-image: linear-gradient(90deg,#89f7fe, #66a6ff)
Blue Gradient Background 217
background-image: linear-gradient(90deg,#37ecba, #72afd3)
Blue Gradient Background 218
background-image: linear-gradient(90deg,#ebbba7, #cfc7f8)
Blue Gradient Background 219
background-image: linear-gradient(90deg,#fff1eb, #ace0f9)
Blue Gradient Background 220
background-image: linear-gradient(90deg,#48c6ef, #6f86d6)
Blue Gradient Background 221
background-image: linear-gradient(90deg,#accbee, #00e7f0)
Blue Gradient Background 222
background-image: linear-gradient(90deg,#6a85b6, #bac8e0)
Blue Gradient Background 223
background-image: linear-gradient(90deg,#667eea, #764ba2)
Blue Gradient Background 224
background-image: linear-gradient(90deg,#1488CC, #2B32B2)
