#EAE5E7 - #ECC4DC | 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 #EAE5E7 à #ECC4DC

#EAE5E7 #ECC4DC

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

#EAE5E7 - #ECC4DC | 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 #EAE5E7 0% et #ECC4DC 100%.

0.0%	0.0% #EAE5E7	RVB 234 229 231	#EAE5E7
16.7%	16.7% #EADFE5	RVB 234 223 229	#EADFE5
33.3%	33.3% #EADAE3	RVB 234 218 227	#EADAE3
50.0%	50.0% #EBD4E1	RVB 235 212 225	#EBD4E1
66.7%	66.7% #EBCFDF	RVB 235 207 223	#EBCFDF
83.3%	83.3% #EBC9DD	RVB 235 201 221	#EBC9DD
100.0%	100.0% #ECC4DC	RVB 236 196 220	#ECC4DC

#EAE5E7 #EADFE5 #EADAE3 #EBD4E1 #EBCFDF #EBC9DD #ECC4DC

#EAE5E7 - #ECC4DC

Mélange HSV

#EAE5E7 - #ECC4DC | 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 #EAE5E7 0% et #ECC4DC 100%.

0.0%	0.0% #EAE5E7	RVB 234 229 231	#EAE5E7
16.7%	16.7% #EADFE4	RVB 234 223 228	#EADFE4
33.3%	33.3% #EADAE1	RVB 234 218 225	#EADAE1
50.0%	50.0% #EBD4DF	RVB 235 212 223	#EBD4DF
66.7%	66.7% #EBCFDE	RVB 235 207 222	#EBCFDE
83.3%	83.3% #EBC9DC	RVB 235 201 220	#EBC9DC
100.0%	100.0% #ECC4DC	RVB 236 196 220	#ECC4DC

#EAE5E7 #EADFE4 #EADAE1 #EBD4DF #EBCFDE #EBC9DC #ECC4DC

#EAE5E7 - #EBD4DF - #ECC4DC

Codes CSS

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

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