Easing Gradient Builder

16 stops générés · 2 couleurs clés
Courbe d'accélération cubic-bezier(.65,0,.35,1)
cubic-bezier(0.65, 0.00, 0.35, 1.00)
Cette courbe s'applique à chaque transition entre deux couleurs voisines de ta liste.
Aperçu
Couleurs clés
La 1ère et la dernière couleur sont fixées aux extrémités (0% / 100%). Les couleurs intermédiaires ont une position réglable et peuvent être supprimées.

"Alpha seule" : entre deux couleurs voisines, seule l'opacité est interpolée (la teinte saute à celle de la couleur suivante).
"Teinte + alpha" : la teinte, la saturation, la luminosité et l'opacité sont toutes interpolées en douceur.

16
1
CSS généré hsla
.
Copié dans le presse-papier ✓
Sauvegarde & historique
Aucun dégradé enregistré pour l'instant.