#E5E7E6 - #E4EDF7 | 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 #E5E7E6 à #E4EDF7

#E5E7E6 #E4EDF7

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

#E5E7E6 - #E4EDF7 | 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 #E5E7E6 0% et #E4EDF7 100%.

0.0%	0.0% #E5E7E6	RVB 229 231 230	#E5E7E6
16.7%	16.7% #E4E8E8	RVB 228 232 232	#E4E8E8
33.3%	33.3% #E4E9EB	RVB 228 233 235	#E4E9EB
50.0%	50.0% #E4EAEE	RVB 228 234 238	#E4EAEE
66.7%	66.7% #E4EBF1	RVB 228 235 241	#E4EBF1
83.3%	83.3% #E4ECF4	RVB 228 236 244	#E4ECF4
100.0%	100.0% #E4EDF7	RVB 228 237 247	#E4EDF7

#E5E7E6 #E4E8E8 #E4E9EB #E4EAEE #E4EBF1 #E4ECF4 #E4EDF7

#E5E7E6 - #E4EDF7

Mélange HSV

#E5E7E6 - #E4EDF7 | 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 #E5E7E6 0% et #E4EDF7 100%.

0.0%	0.0% #E5E7E6	RVB 229 231 230	#E5E7E6
16.7%	16.7% #E4E9E8	RVB 228 233 232	#E4E9E8
33.3%	33.3% #E4ECEB	RVB 228 236 235	#E4ECEB
50.0%	50.0% #E4EEEF	RVB 228 238 239	#E4EEEF
66.7%	66.7% #E4EFF1	RVB 228 239 241	#E4EFF1
83.3%	83.3% #E4EEF4	RVB 228 238 244	#E4EEF4
100.0%	100.0% #E4EDF7	RVB 228 237 247	#E4EDF7

#E5E7E6 #E4E9E8 #E4ECEB #E4EEEF #E4EFF1 #E4EEF4 #E4EDF7

#E5E7E6 - #E4EEEF - #E4EDF7

Codes CSS

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

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