#E5E6E7 - #C3ECE9 | 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 #E5E6E7 à #C3ECE9

#E5E6E7 #C3ECE9

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

#E5E6E7 - #C3ECE9 | 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 #E5E6E7 0% et #C3ECE9 100%.

0.0%	0.0% #E5E6E7	RVB 229 230 231	#E5E6E7
16.7%	16.7% #DFE7E7	RVB 223 231 231	#DFE7E7
33.3%	33.3% #D9E8E7	RVB 217 232 231	#D9E8E7
50.0%	50.0% #D4E9E8	RVB 212 233 232	#D4E9E8
66.7%	66.7% #CEEAE8	RVB 206 234 232	#CEEAE8
83.3%	83.3% #C8EBE8	RVB 200 235 232	#C8EBE8
100.0%	100.0% #C3ECE9	RVB 195 236 233	#C3ECE9

#E5E6E7 #DFE7E7 #D9E8E7 #D4E9E8 #CEEAE8 #C8EBE8 #C3ECE9

#E5E6E7 - #C3ECE9

Mélange HSV

#E5E6E7 - #C3ECE9 | 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 #E5E6E7 0% et #C3ECE9 100%.

0.0%	0.0% #E5E6E7	RVB 229 230 231	#E5E6E7
16.7%	16.7% #DFE4E7	RVB 223 228 231	#DFE4E7
33.3%	33.3% #D9E4E8	RVB 217 228 232	#D9E4E8
50.0%	50.0% #D4E4E9	RVB 212 228 233	#D4E4E9
66.7%	66.7% #CEE7EA	RVB 206 231 234	#CEE7EA
83.3%	83.3% #C8EAEB	RVB 200 234 235	#C8EAEB
100.0%	100.0% #C3ECE9	RVB 195 236 233	#C3ECE9

#E5E6E7 #DFE4E7 #D9E4E8 #D4E4E9 #CEE7EA #C8EAEB #C3ECE9

#E5E6E7 - #D4E4E9 - #C3ECE9

Codes CSS

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

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