#E5E3E5 - #F3E1EE | 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 #E5E3E5 à #F3E1EE

#E5E3E5 #F3E1EE

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

#E5E3E5 - #F3E1EE | 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 #E5E3E5 0% et #F3E1EE 100%.

0.0%	0.0% #E5E3E5	RVB 229 227 229	#E5E3E5
16.7%	16.7% #E7E2E6	RVB 231 226 230	#E7E2E6
33.3%	33.3% #E9E2E8	RVB 233 226 232	#E9E2E8
50.0%	50.0% #ECE2E9	RVB 236 226 233	#ECE2E9
66.7%	66.7% #EEE1EB	RVB 238 225 235	#EEE1EB
83.3%	83.3% #F0E1EC	RVB 240 225 236	#F0E1EC
100.0%	100.0% #F3E1EE	RVB 243 225 238	#F3E1EE

#E5E3E5 #E7E2E6 #E9E2E8 #ECE2E9 #EEE1EB #F0E1EC #F3E1EE

#E5E3E5 - #F3E1EE

Mélange HSV

#E5E3E5 - #F3E1EE | 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 #E5E3E5 0% et #F3E1EE 100%.

0.0%	0.0% #E5E3E5	RVB 229 227 229	#E5E3E5
16.7%	16.7% #E7E2E7	RVB 231 226 231	#E7E2E7
33.3%	33.3% #E9E2E9	RVB 233 226 233	#E9E2E9
50.0%	50.0% #ECE2EA	RVB 236 226 234	#ECE2EA
66.7%	66.7% #EEE1EC	RVB 238 225 236	#EEE1EC
83.3%	83.3% #F0E1ED	RVB 240 225 237	#F0E1ED
100.0%	100.0% #F3E1EE	RVB 243 225 238	#F3E1EE

#E5E3E5 #E7E2E7 #E9E2E9 #ECE2EA #EEE1EC #F0E1ED #F3E1EE

#E5E3E5 - #ECE2EA - #F3E1EE

Codes CSS

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

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