CSS Gradient Generator

Gradient Type

Angle

135°

Color Stops

#6366f10%
#06b6d4100%

Live Preview

CSS Code

css
background: linear-gradient(135deg, #6366f1 0%, #06b6d4 100%);
full
background: -webkit-linear-gradient(135deg, #6366f1 0%, #06b6d4 100%);
background: linear-gradient(135deg, #6366f1 0%, #06b6d4 100%);
tailwind
bg-gradient-to-br from-[#6366f1] to-[#06b6d4]

Preset Gradients

Click any swatch to apply it

Related Tools

Glassmorphism Generator

Create frosted-glass CSS with live preview.

Clip-path Builder

Build custom polygon clip-paths interactively.

Flexbox Playground

Experiment with flexbox and grid visually.

Box Shadow Generator

Multi-layer box shadows with live preview.