#ECE9EF - #8F92B9 | 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 #ECE9EF à #8F92B9

#ECE9EF #8F92B9

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

#ECE9EF - #8F92B9 | 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 #ECE9EF 0% et #8F92B9 100%.

0.0%	0.0% #ECE9EF	RVB 236 233 239	#ECE9EF
16.7%	16.7% #DCDAE6	RVB 220 218 230	#DCDAE6
33.3%	33.3% #CDCCDD	RVB 205 204 221	#CDCCDD
50.0%	50.0% #BDBDD4	RVB 189 189 212	#BDBDD4
66.7%	66.7% #AEAFCB	RVB 174 175 203	#AEAFCB
83.3%	83.3% #9EA0C2	RVB 158 160 194	#9EA0C2
100.0%	100.0% #8F92B9	RVB 143 146 185	#8F92B9

#ECE9EF #DCDAE6 #CDCCDD #BDBDD4 #AEAFCB #9EA0C2 #8F92B9

#ECE9EF - #8F92B9

Mélange HSV

#ECE9EF - #8F92B9 | 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 #ECE9EF 0% et #8F92B9 100%.

0.0%	0.0% #ECE9EF	RVB 236 233 239	#ECE9EF
16.7%	16.7% #DDD8E6	RVB 221 216 230	#DDD8E6
33.3%	33.3% #CEC8DD	RVB 206 200 221	#CEC8DD
50.0%	50.0% #BFB9D4	RVB 191 185 212	#BFB9D4
66.7%	66.7% #AEAACB	RVB 174 170 203	#AEAACB
83.3%	83.3% #9D9CC2	RVB 157 156 194	#9D9CC2
100.0%	100.0% #8F92B9	RVB 143 146 185	#8F92B9

#ECE9EF #DDD8E6 #CEC8DD #BFB9D4 #AEAACB #9D9CC2 #8F92B9

#ECE9EF - #BFB9D4 - #8F92B9

Codes CSS

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

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