그라데이션 생성기

두 색을 섞고 CSS를 바로 복사하세요.

background: linear-gradient(125deg, #dbea9f, #658c81);

입력한 내용은 이 기기에만 남습니다.

사용법
  1. 첫 번째 색과 두 번째 색을 고르세요.
  2. 미리보기를 보며 각도를 조절하세요.
  3. CSS를 복사해 스타일에 붙여 넣으세요.

두 색을 잇는 선형 그라데이션입니다. 색의 순서를 바꾸거나 각도를 돌리면 그라데이션의 방향을 바꿀 수 있습니다.