Gradient Generator

Create beautiful gradients and copy the code

Adjust colors and angle

Angle: 135°

Color Stops

색상 1

색상

위치: 0%

색상 2

색상

위치: 100%

See it in real-time

Choose your preferred format

CSS

background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);

Tailwind CSS

bg-gradient-to-bl from-[#667eea] to-[#764ba2]

SCSS

@mixin my-gradient {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

Create various types of gradients and export as CSS, Tailwind, or SCSS code.

그라디언트 생성기를 불러오는 중...