#E5E4E5 - #F3E1ED | 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 #E5E4E5 à #F3E1ED

#E5E4E5 #F3E1ED

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

#E5E4E5 - #F3E1ED | 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 #E5E4E5 0% et #F3E1ED 100%.

0.0%	0.0% #E5E4E5	RVB 229 228 229	#E5E4E5
16.7%	16.7% #E7E3E6	RVB 231 227 230	#E7E3E6
33.3%	33.3% #E9E3E7	RVB 233 227 231	#E9E3E7
50.0%	50.0% #ECE2E9	RVB 236 226 233	#ECE2E9
66.7%	66.7% #EEE2EA	RVB 238 226 234	#EEE2EA
83.3%	83.3% #F0E1EB	RVB 240 225 235	#F0E1EB
100.0%	100.0% #F3E1ED	RVB 243 225 237	#F3E1ED

#E5E4E5 #E7E3E6 #E9E3E7 #ECE2E9 #EEE2EA #F0E1EB #F3E1ED

#E5E4E5 - #F3E1ED

Mélange HSV

#E5E4E5 - #F3E1ED | 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 #E5E4E5 0% et #F3E1ED 100%.

0.0%	0.0% #E5E4E5	RVB 229 228 229	#E5E4E5
16.7%	16.7% #E7E3E7	RVB 231 227 231	#E7E3E7
33.3%	33.3% #E9E3E8	RVB 233 227 232	#E9E3E8
50.0%	50.0% #ECE2EA	RVB 236 226 234	#ECE2EA
66.7%	66.7% #EEE2EB	RVB 238 226 235	#EEE2EB
83.3%	83.3% #F0E1EC	RVB 240 225 236	#F0E1EC
100.0%	100.0% #F3E1ED	RVB 243 225 237	#F3E1ED

#E5E4E5 #E7E3E7 #E9E3E8 #ECE2EA #EEE2EB #F0E1EC #F3E1ED

#E5E4E5 - #ECE2EA - #F3E1ED

Codes CSS

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

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