#E3E8F7 - #ECEBF6 | 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 #E3E8F7 à #ECEBF6

#E3E8F7 #ECEBF6

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

#E3E8F7 - #ECEBF6 | 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 #E3E8F7 0% et #ECEBF6 100%.

0.0%	0.0% #E3E8F7	RVB 227 232 247	#E3E8F7
16.7%	16.7% #E4E8F6	RVB 228 232 246	#E4E8F6
33.3%	33.3% #E6E9F6	RVB 230 233 246	#E6E9F6
50.0%	50.0% #E7E9F6	RVB 231 233 246	#E7E9F6
66.7%	66.7% #E9EAF6	RVB 233 234 246	#E9EAF6
83.3%	83.3% #EAEAF6	RVB 234 234 246	#EAEAF6
100.0%	100.0% #ECEBF6	RVB 236 235 246	#ECEBF6

#E3E8F7 #E4E8F6 #E6E9F6 #E7E9F6 #E9EAF6 #EAEAF6 #ECEBF6

#E3E8F7 - #ECEBF6

Mélange HSV

#E3E8F7 - #ECEBF6 | 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 #E3E8F7 0% et #ECEBF6 100%.

0.0%	0.0% #E3E8F7	RVB 227 232 247	#E3E8F7
16.7%	16.7% #E4E7F6	RVB 228 231 246	#E4E7F6
33.3%	33.3% #E5E7F6	RVB 229 231 246	#E5E7F6
50.0%	50.0% #E7E8F6	RVB 231 232 246	#E7E8F6
66.7%	66.7% #E8E8F6	RVB 232 232 246	#E8E8F6
83.3%	83.3% #EAE9F6	RVB 234 233 246	#EAE9F6
100.0%	100.0% #ECEBF6	RVB 236 235 246	#ECEBF6

#E3E8F7 #E4E7F6 #E5E7F6 #E7E8F6 #E8E8F6 #EAE9F6 #ECEBF6

#E3E8F7 - #E7E8F6 - #ECEBF6

Codes CSS

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

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