#E1E9F2 - #8DA6BF | 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 #E1E9F2 à #8DA6BF

#E1E9F2 #8DA6BF

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

#E1E9F2 - #8DA6BF | 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 #E1E9F2 0% et #8DA6BF 100%.

0.0%	0.0% #E1E9F2	RVB 225 233 242	#E1E9F2
16.7%	16.7% #D3DDE9	RVB 211 221 233	#D3DDE9
33.3%	33.3% #C5D2E1	RVB 197 210 225	#C5D2E1
50.0%	50.0% #B7C7D8	RVB 183 199 216	#B7C7D8
66.7%	66.7% #A9BCD0	RVB 169 188 208	#A9BCD0
83.3%	83.3% #9BB1C7	RVB 155 177 199	#9BB1C7
100.0%	100.0% #8DA6BF	RVB 141 166 191	#8DA6BF

#E1E9F2 #D3DDE9 #C5D2E1 #B7C7D8 #A9BCD0 #9BB1C7 #8DA6BF

#E1E9F2 - #8DA6BF

Mélange HSV

#E1E9F2 - #8DA6BF | 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 #E1E9F2 0% et #8DA6BF 100%.

0.0%	0.0% #E1E9F2	RVB 225 233 242	#E1E9F2
16.7%	16.7% #D1DCE9	RVB 209 220 233	#D1DCE9
33.3%	33.3% #C2D1E1	RVB 194 209 225	#C2D1E1
50.0%	50.0% #B4C6D8	RVB 180 198 216	#B4C6D8
66.7%	66.7% #A6BBD0	RVB 166 187 208	#A6BBD0
83.3%	83.3% #99B0C7	RVB 153 176 199	#99B0C7
100.0%	100.0% #8DA6BF	RVB 141 166 191	#8DA6BF

#E1E9F2 #D1DCE9 #C2D1E1 #B4C6D8 #A6BBD0 #99B0C7 #8DA6BF

#E1E9F2 - #B4C6D8 - #8DA6BF

Codes CSS

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

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