Skip to content

Home Categories Tags Web Tools Leaderboard What's New Blog Submit a Site About Donate Settings Admin

Nexo Hub by Nexus

Back to Web Tools

Home / Web Tools / Gradient Generator

Other Tools Text Tools Font Changer Colour Picker Gradient Generator Base64 Encoder / Decoder URL Encoder / Decoder Password Generator QR Code Generator Lorem Ipsum Generator Hash Generator Unit Converter Timestamp Converter Colour Palette Generator Markdown Previewer Text Diff Checker Dice Roller Image to Base64 JSON Formatter UUID Generator Slug Generator Regex Tester Percentage Calculator Age Calculator Stopwatch & Timer Random Picker Currency Converter IP Address Lookup Dictionary Lookup Country Info Lookup Public Holiday Checker Joke & Quote Generator Crypto Price Checker Weather Checker World Clock Random Dog Image Random Cat Fact GitHub User Lookup ‍Avatar Generator Random Wikipedia Article Text to Speech Password Strength Checker Meme Generator Random Meme Username Checker Image Resizer Image Cropper Image Compressor Word Counter JWT Decoder CSS Minifier Image Format Converter Cron Expression Explainer PDF Merge & Split

Gradient Generator

Build and export CSS gradients visually.

Pick two or more colors, choose a direction or shape, and preview a live CSS gradient. When it looks right, copy the generated `background` CSS straight into your stylesheet — no guesswork with gradient syntax.

CSS Gradient Generator

Colour 1

#4f7fff

Colour 2

#4f7fff

Colour 3 (optional)

#06b6d4

Type

Angle (linear)

135°

Nexo Hub — Your digital command center

About Tools Submit Donate Privacy Terms

Built by Nexus

Copied!