#E5E9ED - #DFEDE6 | 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 #E5E9ED à #DFEDE6

#E5E9ED #DFEDE6

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

#E5E9ED - #DFEDE6 | 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 #E5E9ED 0% et #DFEDE6 100%.

0.0%	0.0% #E5E9ED	RVB 229 233 237	#E5E9ED
16.7%	16.7% #E4E9EB	RVB 228 233 235	#E4E9EB
33.3%	33.3% #E3EAEA	RVB 227 234 234	#E3EAEA
50.0%	50.0% #E2EBE9	RVB 226 235 233	#E2EBE9
66.7%	66.7% #E1EBE8	RVB 225 235 232	#E1EBE8
83.3%	83.3% #E0ECE7	RVB 224 236 231	#E0ECE7
100.0%	100.0% #DFEDE6	RVB 223 237 230	#DFEDE6

#E5E9ED #E4E9EB #E3EAEA #E2EBE9 #E1EBE8 #E0ECE7 #DFEDE6

#E5E9ED - #DFEDE6

Mélange HSV

#E5E9ED - #DFEDE6 | 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 #E5E9ED 0% et #DFEDE6 100%.

0.0%	0.0% #E5E9ED	RVB 229 233 237	#E5E9ED
16.7%	16.7% #E4EAED	RVB 228 234 237	#E4EAED
33.3%	33.3% #E3EBED	RVB 227 235 237	#E3EBED
50.0%	50.0% #E2EDED	RVB 226 237 237	#E2EDED
66.7%	66.7% #E1EDEB	RVB 225 237 235	#E1EDEB
83.3%	83.3% #E0EDE8	RVB 224 237 232	#E0EDE8
100.0%	100.0% #DFEDE6	RVB 223 237 230	#DFEDE6

#E5E9ED #E4EAED #E3EBED #E2EDED #E1EDEB #E0EDE8 #DFEDE6

#E5E9ED - #E2EDED - #DFEDE6

Codes CSS

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

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