Resources

CSS Gradients

Click-to-copy CSS gradients to use in your WordPress block themes!

Copied
linear-gradient(135deg, #F3E5F5, #E8EAF6)
Code language: CSS (css)
Copied
linear-gradient(135deg, #E8EAF6, #C5CAE9)
Code language: CSS (css)
Copied
linear-gradient(135deg, #C5CAE9, #BBDEFB)
Code language: CSS (css)
Copied
linear-gradient(135deg, #B2EBF5, #B3E5FC)
Code language: CSS (css)
Copied
linear-gradient(135deg, #B3E5FC, #81D4FA)
Code language: CSS (css)
Copied
linear-gradient(135deg, #B2DFDB, #B2EBF2)
Code language: CSS (css)
Copied
linear-gradient(135deg, #E0F7FA, #B2EBF2)
Code language: CSS (css)
Copied
linear-gradient(135deg, #B2EBF2, #E1BEE7)
Code language: CSS (css)
Copied
linear-gradient(135deg, #F3E5F5, #E1BEE7)
Code language: CSS (css)
Copied
linear-gradient(135deg, #E1BEE7, #CE93D8)
Code language: CSS (css)
Copied
linear-gradient(135deg, #D1C4E9, #B39DDB)
Code language: CSS (css)
Copied
linear-gradient(135deg, #B2EBF5, #9FA8DA)
Code language: CSS (css)
Copied
linear-gradient(135deg, #9FA8DA, #7986CB)
Code language: CSS (css)
Copied
linear-gradient(135deg, #7E57C2, #5E35B1)
Code language: CSS (css)
Copied
linear-gradient(135deg, #651FFF, #1A237E)
Code language: CSS (css)
Copied
linear-gradient(135deg, #9C27B0, #673AB7)
Code language: CSS (css)
Copied
linear-gradient(135deg, #AB47BC, #7E57C2)
Code language: CSS (css)
Copied
linear-gradient(135deg, #6A1B9A, #6200EA)
Code language: CSS (css)
Copied
linear-gradient(135deg, #f6d365 0%, #fda085 100%)
Code language: CSS (css)
Copied
linear-gradient(135deg, #56CCF2, #2F80ED, #0E2F44)
Code language: CSS (css)
Copied
linear-gradient(135deg, #56CCF2, #2F80ED)
Code language: CSS (css)
Copied
linear-gradient(135deg, #fcc5e6, #fcd2e6, #fcc5e6)
Code language: CSS (css)
Copied
linear-gradient(135deg, #c6a4f2, #c6b2f2, #c6a4f2)
Code language: CSS (css)
Copied
linear-gradient(135deg, #ebebf7, #ebdbf7, #ebebf7)
Code language: CSS (css)
Copied
linear-gradient(135deg, #ccb3f5, #ccc1f5, #ccb3f5)
Code language: CSS (css)
Copied
linear-gradient(135deg, #f95964, #f97f64, #f95964)
Code language: CSS (css)
Copied
linear-gradient(135deg, #e63946, #e66246, #e63946)
Code language: CSS (css)
Copied
linear-gradient(135deg, #f74d8d, #f77c8d, #f74d8d)
Code language: CSS (css)
Copied
linear-gradient(135deg, #F9A825, #FFC107)
Code language: CSS (css)
Copied
linear-gradient(135deg, #FF8A65, #FF7043)
Code language: CSS (css)
Copied
linear-gradient(135deg, #FFC107, #FFA000)
Code language: CSS (css)
Copied
linear-gradient(135deg, #FFEB3B, #FFC107)
Code language: CSS (css)
Copied
linear-gradient(135deg, #FFE57F, #FFD740)
Code language: CSS (css)
Copied
linear-gradient(135deg, #ff9a9e, #fad0c4, #fad0c4, #ff9a9e)
Code language: CSS (css)
Copied
linear-gradient(135deg, #ffecd2, #fcb69f, #f7dc6f)
Code language: CSS (css)
Copied
linear-gradient(135deg, #f9d423, #ff4e50, #f9d423)
Code language: CSS (css)
Copied
linear-gradient(135deg, #1e130c, #9a8478, #f5f5f5)
Code language: CSS (css)
Copied
linear-gradient(135deg, #e6e9f0, #eef1f5, #d9d9d9)
Code language: CSS (css)
Copied
linear-gradient(135deg, #ece9e6, #ffffff, #ece9e6)
Code language: CSS (css)
Copied
linear-gradient(135deg, #c0392b, #8e44ad, #2c3e50)
Code language: CSS (css)

More gradients coming soon!