#E5E9F7 - #8DA8C6 | 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 #E5E9F7 à #8DA8C6

#E5E9F7 #8DA8C6

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

#E5E9F7 - #8DA8C6 | 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 #E5E9F7 0% et #8DA8C6 100%.

0.0%	0.0% #E5E9F7	RVB 229 233 247	#E5E9F7
16.7%	16.7% #D6DEEE	RVB 214 222 238	#D6DEEE
33.3%	33.3% #C7D3E6	RVB 199 211 230	#C7D3E6
50.0%	50.0% #B9C8DE	RVB 185 200 222	#B9C8DE
66.7%	66.7% #AABDD6	RVB 170 189 214	#AABDD6
83.3%	83.3% #9BB2CE	RVB 155 178 206	#9BB2CE
100.0%	100.0% #8DA8C6	RVB 141 168 198	#8DA8C6

#E5E9F7 #D6DEEE #C7D3E6 #B9C8DE #AABDD6 #9BB2CE #8DA8C6

#E5E9F7 - #8DA8C6

Mélange HSV

#E5E9F7 - #8DA8C6 | 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 #E5E9F7 0% et #8DA8C6 100%.

0.0%	0.0% #E5E9F7	RVB 229 233 247	#E5E9F7
16.7%	16.7% #D4DBEE	RVB 212 219 238	#D4DBEE
33.3%	33.3% #C5CFE6	RVB 197 207 230	#C5CFE6
50.0%	50.0% #B6C4DE	RVB 182 196 222	#B6C4DE
66.7%	66.7% #A7BAD6	RVB 167 186 214	#A7BAD6
83.3%	83.3% #9AB0CE	RVB 154 176 206	#9AB0CE
100.0%	100.0% #8DA8C6	RVB 141 168 198	#8DA8C6

#E5E9F7 #D4DBEE #C5CFE6 #B6C4DE #A7BAD6 #9AB0CE #8DA8C6

#E5E9F7 - #B6C4DE - #8DA8C6

Codes CSS

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

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