#E5E6E7 - #8BAAB8 | 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 à #8BAAB8

#E5E6E7 #8BAAB8

Calculez la couleur entre deux couleurs, #E5E6E7 et #8BAAB8. 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 - #8BAAB8 | 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 #8BAAB8 100%.

0.0%	0.0% #E5E6E7	RVB 229 230 231	#E5E6E7
16.7%	16.7% #D6DCDF	RVB 214 220 223	#D6DCDF
33.3%	33.3% #C7D2D7	RVB 199 210 215	#C7D2D7
50.0%	50.0% #B8C8CF	RVB 184 200 207	#B8C8CF
66.7%	66.7% #A9BEC7	RVB 169 190 199	#A9BEC7
83.3%	83.3% #9AB4BF	RVB 154 180 191	#9AB4BF
100.0%	100.0% #8BAAB8	RVB 139 170 184	#8BAAB8

#E5E6E7 #D6DCDF #C7D2D7 #B8C8CF #A9BEC7 #9AB4BF #8BAAB8

#E5E6E7 - #8BAAB8

Mélange HSV

#E5E6E7 - #8BAAB8 | 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 #8BAAB8 100%.

0.0%	0.0% #E5E6E7	RVB 229 230 231	#E5E6E7
16.7%	16.7% #D4DADF	RVB 212 218 223	#D4DADF
33.3%	33.3% #C4CFD7	RVB 196 207 215	#C4CFD7
50.0%	50.0% #B5C4CF	RVB 181 196 207	#B5C4CF
66.7%	66.7% #A6BBC7	RVB 166 187 199	#A6BBC7
83.3%	83.3% #98B2BF	RVB 152 178 191	#98B2BF
100.0%	100.0% #8BAAB8	RVB 139 170 184	#8BAAB8

#E5E6E7 #D4DADF #C4CFD7 #B5C4CF #A6BBC7 #98B2BF #8BAAB8

#E5E6E7 - #B5C4CF - #8BAAB8

Codes CSS

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

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