#E3E7EE - #DFEEEC | 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 #E3E7EE à #DFEEEC

#E3E7EE #DFEEEC

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

#E3E7EE - #DFEEEC | 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 #E3E7EE 0% et #DFEEEC 100%.

0.0%	0.0% #E3E7EE	RVB 227 231 238	#E3E7EE
16.7%	16.7% #E2E8ED	RVB 226 232 237	#E2E8ED
33.3%	33.3% #E1E9ED	RVB 225 233 237	#E1E9ED
50.0%	50.0% #E1EAED	RVB 225 234 237	#E1EAED
66.7%	66.7% #E0EBEC	RVB 224 235 236	#E0EBEC
83.3%	83.3% #DFECEC	RVB 223 236 236	#DFECEC
100.0%	100.0% #DFEEEC	RVB 223 238 236	#DFEEEC

#E3E7EE #E2E8ED #E1E9ED #E1EAED #E0EBEC #DFECEC #DFEEEC

#E3E7EE - #DFEEEC

Mélange HSV

#E3E7EE - #DFEEEC | 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 #E3E7EE 0% et #DFEEEC 100%.

0.0%	0.0% #E3E7EE	RVB 227 231 238	#E3E7EE
16.7%	16.7% #E2E8EE	RVB 226 232 238	#E2E8EE
33.3%	33.3% #E1E9EE	RVB 225 233 238	#E1E9EE
50.0%	50.0% #E1EAEE	RVB 225 234 238	#E1EAEE
66.7%	66.7% #E0ECEE	RVB 224 236 238	#E0ECEE
83.3%	83.3% #DFEEED	RVB 223 238 237	#DFEEED
100.0%	100.0% #DFEEEC	RVB 223 238 236	#DFEEEC

#E3E7EE #E2E8EE #E1E9EE #E1EAEE #E0ECEE #DFEEED #DFEEEC

#E3E7EE - #E1EAEE - #DFEEEC

Codes CSS

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

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