#E5E4EC - #FBE8EB | 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 #E5E4EC à #FBE8EB

#E5E4EC #FBE8EB

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

#E5E4EC - #FBE8EB | 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 #E5E4EC 0% et #FBE8EB 100%.

0.0%	0.0% #E5E4EC	RVB 229 228 236	#E5E4EC
16.7%	16.7% #E8E4EB	RVB 232 228 235	#E8E4EB
33.3%	33.3% #ECE5EB	RVB 236 229 235	#ECE5EB
50.0%	50.0% #F0E6EB	RVB 240 230 235	#F0E6EB
66.7%	66.7% #F3E6EB	RVB 243 230 235	#F3E6EB
83.3%	83.3% #F7E7EB	RVB 247 231 235	#F7E7EB
100.0%	100.0% #FBE8EB	RVB 251 232 235	#FBE8EB

#E5E4EC #E8E4EB #ECE5EB #F0E6EB #F3E6EB #F7E7EB #FBE8EB

#E5E4EC - #FBE8EB

Mélange HSV

#E5E4EC - #FBE8EB | 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 #E5E4EC 0% et #FBE8EB 100%.

0.0%	0.0% #E5E4EC	RVB 229 228 236	#E5E4EC
16.7%	16.7% #E8E4EE	RVB 232 228 238	#E8E4EE
33.3%	33.3% #EDE5F1	RVB 237 229 241	#EDE5F1
50.0%	50.0% #F3E6F3	RVB 243 230 243	#F3E6F3
66.7%	66.7% #F6E6F1	RVB 246 230 241	#F6E6F1
83.3%	83.3% #F8E7EF	RVB 248 231 239	#F8E7EF
100.0%	100.0% #FBE8EB	RVB 251 232 235	#FBE8EB

#E5E4EC #E8E4EE #EDE5F1 #F3E6F3 #F6E6F1 #F8E7EF #FBE8EB

#E5E4EC - #F3E6F3 - #FBE8EB

Codes CSS

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

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