#E5E6ED - #8CA6B7 | 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 #E5E6ED à #8CA6B7

#E5E6ED #8CA6B7

Calculez la couleur entre deux couleurs, #E5E6ED et #8CA6B7. 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)

#E5E6ED - #8CA6B7 | 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 #E5E6ED 0% et #8CA6B7 100%.

0.0%	0.0% #E5E6ED	RVB 229 230 237	#E5E6ED
16.7%	16.7% #D6DBE4	RVB 214 219 228	#D6DBE4
33.3%	33.3% #C7D0DB	RVB 199 208 219	#C7D0DB
50.0%	50.0% #B8C6D2	RVB 184 198 210	#B8C6D2
66.7%	66.7% #A9BBC9	RVB 169 187 201	#A9BBC9
83.3%	83.3% #9AB0C0	RVB 154 176 192	#9AB0C0
100.0%	100.0% #8CA6B7	RVB 140 166 183	#8CA6B7

#E5E6ED #D6DBE4 #C7D0DB #B8C6D2 #A9BBC9 #9AB0C0 #8CA6B7

#E5E6ED - #8CA6B7

Mélange HSV

#E5E6ED - #8CA6B7 | 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 #E5E6ED 0% et #8CA6B7 100%.

0.0%	0.0% #E5E6ED	RVB 229 230 237	#E5E6ED
16.7%	16.7% #D4D7E4	RVB 212 215 228	#D4D7E4
33.3%	33.3% #C4CBDB	RVB 196 203 219	#C4CBDB
50.0%	50.0% #B5C0D2	RVB 181 192 210	#B5C0D2
66.7%	66.7% #A7B6C9	RVB 167 182 201	#A7B6C9
83.3%	83.3% #99ADC0	RVB 153 173 192	#99ADC0
100.0%	100.0% #8CA6B7	RVB 140 166 183	#8CA6B7

#E5E6ED #D4D7E4 #C4CBDB #B5C0D2 #A7B6C9 #99ADC0 #8CA6B7

#E5E6ED - #B5C0D2 - #8CA6B7

Codes CSS

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

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