Gradient Maker

Basic

(31)

The most common shapes, differing only in direction

Soft blur

(31)

Soft spreading color clouds, common on AI and SaaS sites

Texture

(30)

A surface feel on top of the gradient

Shine & metal

(30)

Shiny, glossy surfaces (Y2K and chrome trends)

Pattern

(30)

The same shape, repeated

Use cases

(30)

Made for a specific element

Motion

(30)

Colors move over time, instead of a background video

Linear
Linear · 135° · 2 colors
LinearBasicCSS

Changes in one direction

Same colors, other typesClick to switch
Color stopsClick the bar to add, drag handles to move
Angle 135°
Interpolation OKLCH keeps middle colors from turning muddy
Try it on
Get startedButton
Autumn saleUp to 50% off
Banner
RunnersHeading
Card title
Card header
Export
background: linear-gradient(135deg, #f97316 0%, #ec4899 100%);
Image size
Runners © 2026
Pudding
Pudding

AI tự động tạo danh sách, ngân sách, lịch trình và thiệp mời. Mọi thứ cho đám cưới của bạn ở một nơi.

pudding.imarrow_forward
Sense
Sense

Từ quản lý đếm ngược đến lập kế hoạch sự kiện AI và đề xuất địa điểm. Chuẩn bị ngày đặc biệt của bạn một cách dễ dàng.

sense.imarrow_forward