#ECE5EB - #CC94AB | 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 #ECE5EB à #CC94AB

#ECE5EB #CC94AB

Calculez la couleur entre deux couleurs, #ECE5EB et #CC94AB. 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)

#ECE5EB - #CC94AB | 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 #ECE5EB 0% et #CC94AB 100%.

0.0%	0.0% #ECE5EB	RVB 236 229 235	#ECE5EB
16.7%	16.7% #E6D7E0	RVB 230 215 224	#E6D7E0
33.3%	33.3% #E1CAD5	RVB 225 202 213	#E1CAD5
50.0%	50.0% #DCBCCB	RVB 220 188 203	#DCBCCB
66.7%	66.7% #D6AFC0	RVB 214 175 192	#D6AFC0
83.3%	83.3% #D1A1B5	RVB 209 161 181	#D1A1B5
100.0%	100.0% #CC94AB	RVB 204 148 171	#CC94AB

#ECE5EB #E6D7E0 #E1CAD5 #DCBCCB #D6AFC0 #D1A1B5 #CC94AB

#ECE5EB - #CC94AB

Mélange HSV

#ECE5EB - #CC94AB | 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 #ECE5EB 0% et #CC94AB 100%.

0.0%	0.0% #ECE5EB	RVB 236 229 235	#ECE5EB
16.7%	16.7% #E6D6E3	RVB 230 214 227	#E6D6E3
33.3%	33.3% #E1C8DA	RVB 225 200 218	#E1C8DA
50.0%	50.0% #DCBACF	RVB 220 186 207	#DCBACF
66.7%	66.7% #D6ADC4	RVB 214 173 196	#D6ADC4
83.3%	83.3% #D1A0B8	RVB 209 160 184	#D1A0B8
100.0%	100.0% #CC94AB	RVB 204 148 171	#CC94AB

#ECE5EB #E6D6E3 #E1C8DA #DCBACF #D6ADC4 #D1A0B8 #CC94AB

#ECE5EB - #DCBACF - #CC94AB

Codes CSS

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

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