CSS Gradients — PaletteCSS

CSS Gradients

2,000 gradients — hover any card to see the CSS code.

linear-gradient(150deg, #0D0D0D 0%, #1A1A2E 100%)

Peach Fuzz 51

linear 150°
linear-gradient(135deg, #1F1C2C 0%, #928DAB 100%)

Jade Garden 50

linear 135°
linear-gradient(90deg, #200122 0%, #6F0000 100%)

Electric Blue 48

linear 90°
linear-gradient(45deg, #000000 0%, #434343 100%)

Purple Rain 47

linear 45°
linear-gradient(270deg, #0F0C29 0%, #302B63 50%, #24243E 100%)

Winter Frost 45

linear 270°
linear-gradient(225deg, #232526 0%, #414345 100%)

Autumn Fire 44

linear 225°
linear-gradient(150deg, #4ECDC4 0%, #44A08D 100%)

Moon Glow 42

linear 150°
linear-gradient(135deg, #C6FFDD 0%, #F7797D 50%, #FBD786 100%)

Solar Wind 41

linear 135°
linear-gradient(90deg, #AAFFA9 0%, #11FFBD 100%)

Deep Sea 39

linear 90°
linear-gradient(45deg, #6A9113 0%, #141517 100%)

Spring Bloom 38

linear 45°
linear-gradient(270deg, #3D9970 0%, #2C3E50 100%)

Coral Reef 36

linear 270°
linear-gradient(225deg, #134E5E 0%, #71B280 100%)

Lava Flow 35

linear 225°
linear-gradient(150deg, #1D976C 0%, #93F9B9 100%)

Rose Petal 33

linear 150°
linear-gradient(135deg, #11998E 0%, #38EF7D 100%)

Golden Hour 32

linear 135°
linear-gradient(90deg, #4CA1AF 0%, #C4E0E5 100%)

Candy Pop 30

linear 90°
linear-gradient(45deg, #A8EDEA 0%, #FED6E3 100%)

Neon City 29

linear 45°
linear-gradient(270deg, #C9D6FF 0%, #E2E2E2 100%)

Desert Sand 27

linear 270°
linear-gradient(225deg, #2BC0E4 0%, #EAECC6 100%)

Ocean Wave 26

linear 225°
linear-gradient(150deg, #5F2C82 0%, #49A09D 100%)

Sunrise 24

linear 150°
linear-gradient(135deg, #141E30 0%, #243B55 100%)

Nebula 23

linear 135°
linear-gradient(90deg, #1FA2FF 0%, #12D8FA 50%, #A6FFCB 100%)

Fade 21

linear 90°
linear-gradient(45deg, #3494E6 0%, #EC6EAD 100%)

Bloom 20

linear 45°
linear-gradient(270deg, #1CB5E0 0%, #000851 100%)

Pulse 18

linear 270°
linear-gradient(225deg, #2193B0 0%, #6DD5ED 100%)

Wave Form 17

linear 225°
linear-gradient(150deg, #0F2027 0%, #203A43 50%, #2C5364 100%)

Cascade 15

linear 150°
linear-gradient(135deg, #43E97B 0%, #38F9D7 100%)

Vortex 14

linear 135°
linear-gradient(90deg, #4776E6 0%, #8E54E9 100%)

Spectrum 12

linear 90°
linear-gradient(45deg, #667EEA 0%, #764BA2 100%)

Chroma Flow 11

linear 45°
linear-gradient(270deg, #FFA751 0%, #FFE259 100%)

Hue Shift 9

linear 270°
linear-gradient(225deg, #F093FB 0%, #F5576C 100%)

Color Drift 8

linear 225°
Copied!