Color Mixer

Mélangeur de couleurs

Try it →

Overview

Blend two colors together and generate gradient CSS.

How to use

  1. Open the Color Mixer from the sidebar.
  2. Set Color A and Color B using the color pickers.
  3. Drag the gradient slider to blend at your chosen ratio.
  4. The 10-Step Blend shows eleven equidistant steps between the two colors.
  5. The Gradient Preview gives you a ready-to-copy CSS linear-gradient.

Aperçu

Mélangez deux couleurs et générez un dégradé CSS.

Comment l'utiliser

  1. Ouvrez le Mélangeur de couleurs depuis la barre latérale.
  2. Définissez la Couleur A et la Couleur B via les sélecteurs.
  3. Faites glisser le curseur pour mélanger selon votre ratio.
  4. Le Dégradé en 10 étapes montre onze étapes équidistantes.
  5. L'Aperçu du dégradé fournit un linear-gradient CSS prêt à copier.