#E5E9EC - #E2F0EF | 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 #E5E9EC à #E2F0EF

#E5E9EC #E2F0EF

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

#E5E9EC - #E2F0EF | 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 #E5E9EC 0% et #E2F0EF 100%.

0.0%	0.0% #E5E9EC	RVB 229 233 236	#E5E9EC
16.7%	16.7% #E4EAEC	RVB 228 234 236	#E4EAEC
33.3%	33.3% #E4EBED	RVB 228 235 237	#E4EBED
50.0%	50.0% #E3ECED	RVB 227 236 237	#E3ECED
66.7%	66.7% #E3EDEE	RVB 227 237 238	#E3EDEE
83.3%	83.3% #E2EEEE	RVB 226 238 238	#E2EEEE
100.0%	100.0% #E2F0EF	RVB 226 240 239	#E2F0EF

#E5E9EC #E4EAEC #E4EBED #E3ECED #E3EDEE #E2EEEE #E2F0EF

#E5E9EC - #E2F0EF

Mélange HSV

#E5E9EC - #E2F0EF | 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 #E5E9EC 0% et #E2F0EF 100%.

0.0%	0.0% #E5E9EC	RVB 229 233 236	#E5E9EC
16.7%	16.7% #E4E9EC	RVB 228 233 236	#E4E9EC
33.3%	33.3% #E4EAED	RVB 228 234 237	#E4EAED
50.0%	50.0% #E3ECEE	RVB 227 236 238	#E3ECEE
66.7%	66.7% #E3EDEE	RVB 227 237 238	#E3EDEE
83.3%	83.3% #E2EFEF	RVB 226 239 239	#E2EFEF
100.0%	100.0% #E2F0EF	RVB 226 240 239	#E2F0EF

#E5E9EC #E4E9EC #E4EAED #E3ECEE #E3EDEE #E2EFEF #E2F0EF

#E5E9EC - #E3ECEE - #E2F0EF

Codes CSS

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

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