#9E9BA1 - #B6B5E7 | 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 #9E9BA1 à #B6B5E7

#9E9BA1 #B6B5E7

Calculez la couleur entre deux couleurs, #9E9BA1 et #B6B5E7. 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)

#9E9BA1 - #B6B5E7 | 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 #9E9BA1 0% et #B6B5E7 100%.

0.0%	0.0% #9E9BA1	RVB 158 155 161	#9E9BA1
16.7%	16.7% #A29FAC	RVB 162 159 172	#A29FAC
33.3%	33.3% #A6A3B8	RVB 166 163 184	#A6A3B8
50.0%	50.0% #AAA8C4	RVB 170 168 196	#AAA8C4
66.7%	66.7% #AEACCF	RVB 174 172 207	#AEACCF
83.3%	83.3% #B2B0DB	RVB 178 176 219	#B2B0DB
100.0%	100.0% #B6B5E7	RVB 182 181 231	#B6B5E7

#9E9BA1 #A29FAC #A6A3B8 #AAA8C4 #AEACCF #B2B0DB #B6B5E7

#9E9BA1 - #B6B5E7

Mélange HSV

#9E9BA1 - #B6B5E7 | 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 #9E9BA1 0% et #B6B5E7 100%.

0.0%	0.0% #9E9BA1	RVB 158 155 161	#9E9BA1
16.7%	16.7% #A5A1AC	RVB 165 161 172	#A5A1AC
33.3%	33.3% #ACA6B8	RVB 172 166 184	#ACA6B8
50.0%	50.0% #B1ABC4	RVB 177 171 196	#B1ABC4
66.7%	66.7% #B4AFCF	RVB 180 175 207	#B4AFCF
83.3%	83.3% #B6B2DB	RVB 182 178 219	#B6B2DB
100.0%	100.0% #B6B5E7	RVB 182 181 231	#B6B5E7

#9E9BA1 #A5A1AC #ACA6B8 #B1ABC4 #B4AFCF #B6B2DB #B6B5E7

#9E9BA1 - #B1ABC4 - #B6B5E7

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9E9BA1 0%, #B1ABC4 50%, #B6B5E7 100%);
    background: -webkit-linear-gradient(top, #9E9BA1 0%, #B1ABC4 50%, #B6B5E7 100%);
    background: linear-gradient(to bottom, #9E9BA1 0%, #B1ABC4 50%, #B6B5E7 100%);
}
</style>