#E5E7E4 - #EDF2E6 | 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 #E5E7E4 à #EDF2E6

#E5E7E4 #EDF2E6

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

#E5E7E4 - #EDF2E6 | 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 #E5E7E4 0% et #EDF2E6 100%.

0.0%	0.0% #E5E7E4	RVB 229 231 228	#E5E7E4
16.7%	16.7% #E6E8E4	RVB 230 232 228	#E6E8E4
33.3%	33.3% #E7EAE4	RVB 231 234 228	#E7EAE4
50.0%	50.0% #E9ECE5	RVB 233 236 229	#E9ECE5
66.7%	66.7% #EAEEE5	RVB 234 238 229	#EAEEE5
83.3%	83.3% #EBF0E5	RVB 235 240 229	#EBF0E5
100.0%	100.0% #EDF2E6	RVB 237 242 230	#EDF2E6

#E5E7E4 #E6E8E4 #E7EAE4 #E9ECE5 #EAEEE5 #EBF0E5 #EDF2E6

#E5E7E4 - #EDF2E6

Mélange HSV

#E5E7E4 - #EDF2E6 | 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 #E5E7E4 0% et #EDF2E6 100%.

0.0%	0.0% #E5E7E4	RVB 229 231 228	#E5E7E4
16.7%	16.7% #E6E8E4	RVB 230 232 228	#E6E8E4
33.3%	33.3% #E7EAE4	RVB 231 234 228	#E7EAE4
50.0%	50.0% #E8ECE5	RVB 232 236 229	#E8ECE5
66.7%	66.7% #E9EEE5	RVB 233 238 229	#E9EEE5
83.3%	83.3% #EBF0E5	RVB 235 240 229	#EBF0E5
100.0%	100.0% #EDF2E6	RVB 237 242 230	#EDF2E6

#E5E7E4 #E6E8E4 #E7EAE4 #E8ECE5 #E9EEE5 #EBF0E5 #EDF2E6

#E5E7E4 - #E8ECE5 - #EDF2E6

Codes CSS

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

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