#E5E7F8 - #8AA6C7 | 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 #E5E7F8 à #8AA6C7

#E5E7F8 #8AA6C7

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

#E5E7F8 - #8AA6C7 | 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 #E5E7F8 0% et #8AA6C7 100%.

0.0%	0.0% #E5E7F8	RVB 229 231 248	#E5E7F8
16.7%	16.7% #D5DCEF	RVB 213 220 239	#D5DCEF
33.3%	33.3% #C6D1E7	RVB 198 209 231	#C6D1E7
50.0%	50.0% #B7C6DF	RVB 183 198 223	#B7C6DF
66.7%	66.7% #A8BBD7	RVB 168 187 215	#A8BBD7
83.3%	83.3% #99B0CF	RVB 153 176 207	#99B0CF
100.0%	100.0% #8AA6C7	RVB 138 166 199	#8AA6C7

#E5E7F8 #D5DCEF #C6D1E7 #B7C6DF #A8BBD7 #99B0CF #8AA6C7

#E5E7F8 - #8AA6C7

Mélange HSV

#E5E7F8 - #8AA6C7 | 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 #E5E7F8 0% et #8AA6C7 100%.

0.0%	0.0% #E5E7F8	RVB 229 231 248	#E5E7F8
16.7%	16.7% #D4D8EF	RVB 212 216 239	#D4D8EF
33.3%	33.3% #C4CCE7	RVB 196 204 231	#C4CCE7
50.0%	50.0% #B4C0DF	RVB 180 192 223	#B4C0DF
66.7%	66.7% #A5B6D7	RVB 165 182 215	#A5B6D7
83.3%	83.3% #97ADCF	RVB 151 173 207	#97ADCF
100.0%	100.0% #8AA6C7	RVB 138 166 199	#8AA6C7

#E5E7F8 #D4D8EF #C4CCE7 #B4C0DF #A5B6D7 #97ADCF #8AA6C7

#E5E7F8 - #B4C0DF - #8AA6C7

Codes CSS

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

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