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 สร้างรายการ งบประมาณ ตารางเวลา และบัตรเชิญอัตโนมัติ ทุกอย่างสำหรับงานแต่งงานของคุณในที่เดียว

pudding.imarrow_forward
Sense
Sense

จากการจัดการนับถอยหลังไปจนถึงการวางแผนอีเวนต์ AI และแนะนำสถานที่ เตรียมวันพิเศษของคุณอย่างง่ายดาย

sense.imarrow_forward