#EB6CD1 - #AC1F84 | colorate

Colorate est un outil de gestion de couleurs pour les concepteurs et les développeurs. Il constitue une ressource précieuse pour trouver rapidement des jeux de couleurs en adéquation avec vos projets. Rendez ce site meilleur

Mélanger #EB6CD1 à #AC1F84

#EB6CD1 #AC1F84

Calculez la couleur entre deux couleurs, #EB6CD1 et #AC1F84. Dans le calcul des valeurs RVB, la saturation entre les couleurs dissemblables est faible. Dans le calcul des valeurs HSV, la saturation entre les couleurs dissemblables n'est pas faible.

Mélange RVB (Linéaire)

#EB6CD1 - #AC1F84 | colorate

Calcul de la couleur entre deux couleurs en fonction de la valeur RVB. Pour les couleurs éloignées les unes des autres, la saturation entre les deux couleurs diminue. Développez la couleur entre deux couleurs avec #EB6CD1 0% et #AC1F84 100%.

0.0%	0.0% #EB6CD1	RVB 235 108 209	#EB6CD1
16.7%	16.7% #E05FC4	RVB 224 95 196	#E05FC4
33.3%	33.3% #D652B7	RVB 214 82 183	#D652B7
50.0%	50.0% #CB45AA	RVB 203 69 170	#CB45AA
66.7%	66.7% #C1389D	RVB 193 56 157	#C1389D
83.3%	83.3% #B62B90	RVB 182 43 144	#B62B90
100.0%	100.0% #AC1F84	RVB 172 31 132	#AC1F84

#EB6CD1 #E05FC4 #D652B7 #CB45AA #C1389D #B62B90 #AC1F84

#EB6CD1 - #AC1F84

Mélange HSV

#EB6CD1 - #AC1F84 | colorate

Calcul de la couleur entre deux couleurs en fonction de la valeur HSV. Même entre des couleurs de couleur distinctes, la saturation entre les deux couleurs ne diminue pas. Développez la couleur entre deux couleurs avec #EB6CD1 0% et #AC1F84 100%.

0.0%	0.0% #EB6CD1	RVB 235 108 209	#EB6CD1
16.7%	16.7% #E05CC3	RVB 224 92 195	#E05CC3
33.3%	33.3% #D64EB6	RVB 214 78 182	#D64EB6
50.0%	50.0% #CB41A9	RVB 203 65 169	#CB41A9
66.7%	66.7% #C1349C	RVB 193 52 156	#C1349C
83.3%	83.3% #B62990	RVB 182 41 144	#B62990
100.0%	100.0% #AC1F84	RVB 172 31 132	#AC1F84

#EB6CD1 #E05CC3 #D64EB6 #CB41A9 #C1349C #B62990 #AC1F84

#EB6CD1 - #CB41A9 - #AC1F84

Codes CSS

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #EB6CD1 0%, #AC1F84 100%);
    background: -webkit-linear-gradient(top, #EB6CD1 0%, #AC1F84 100%);
    background: linear-gradient(to bottom, #EB6CD1 0%, #AC1F84 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #EB6CD1 0%, #CB41A9 50%, #AC1F84 100%);
    background: -webkit-linear-gradient(top, #EB6CD1 0%, #CB41A9 50%, #AC1F84 100%);
    background: linear-gradient(to bottom, #EB6CD1 0%, #CB41A9 50%, #AC1F84 100%);
}
</style>