#E6E5E5 - #9895A8 | 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 #E6E5E5 à #9895A8

#E6E5E5 #9895A8

Calculez la couleur entre deux couleurs, #E6E5E5 et #9895A8. 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)

#E6E5E5 - #9895A8 | 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 #E6E5E5 0% et #9895A8 100%.

0.0%	0.0% #E6E5E5	RVB 230 229 229	#E6E5E5
16.7%	16.7% #D9D7DA	RVB 217 215 218	#D9D7DA
33.3%	33.3% #CCCAD0	RVB 204 202 208	#CCCAD0
50.0%	50.0% #BFBDC6	RVB 191 189 198	#BFBDC6
66.7%	66.7% #B2AFBC	RVB 178 175 188	#B2AFBC
83.3%	83.3% #A5A2B2	RVB 165 162 178	#A5A2B2
100.0%	100.0% #9895A8	RVB 152 149 168	#9895A8

#E6E5E5 #D9D7DA #CCCAD0 #BFBDC6 #B2AFBC #A5A2B2 #9895A8

#E6E5E5 - #9895A8

Mélange HSV

#E6E5E5 - #9895A8 | 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 #E6E5E5 0% et #9895A8 100%.

0.0%	0.0% #E6E5E5	RVB 230 229 229	#E6E5E5
16.7%	16.7% #DBD6D8	RVB 219 214 216	#DBD6D8
33.3%	33.3% #D1C8CE	RVB 209 200 206	#D1C8CE
50.0%	50.0% #C7BBC6	RVB 199 187 198	#C7BBC6
66.7%	66.7% #B9AEBC	RVB 185 174 188	#B9AEBC
83.3%	83.3% #A9A1B2	RVB 169 161 178	#A9A1B2
100.0%	100.0% #9895A8	RVB 152 149 168	#9895A8

#E6E5E5 #DBD6D8 #D1C8CE #C7BBC6 #B9AEBC #A9A1B2 #9895A8

#E6E5E5 - #C7BBC6 - #9895A8

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E6E5E5 0%, #C7BBC6 50%, #9895A8 100%);
    background: -webkit-linear-gradient(top, #E6E5E5 0%, #C7BBC6 50%, #9895A8 100%);
    background: linear-gradient(to bottom, #E6E5E5 0%, #C7BBC6 50%, #9895A8 100%);
}
</style>