Conic Gradient 180° — Amber → Kırmızı

#f59e0b tonundan #ef4444 tonuna geçen bu Conic gradient, 180° açısıyla dinamik bir görsel efekt sunar. Projelerinizde kullanmak için CSS kodunu kopyalayın.

Aracı Aç ve Düzenle
CSS
background: #f59e0b;
background: conic-gradient(from 180deg, #f59e0b 0%, #ef4444 100%);
CSS Variables
:root {
  --grad-1: #f59e0b;
  --grad-2: #ef4444;
  --bg-gradient: conic-gradient(from 180deg, #f59e0b 0%, #ef4444 100%);
}
SCSS
$grad-1: #f59e0b;
$grad-2: #ef4444;

@mixin bg-gradient {
  background: #f59e0b;
  background: conic-gradient(from 180deg, #f59e0b 0%, #ef4444 100%);
}

Popüler Gradientler

İlgili Rehberler

Marka Renkleri