#E5E4E4 - #9F8AAB | 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 #E5E4E4 à #9F8AAB

#E5E4E4 #9F8AAB

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

#E5E4E4 - #9F8AAB | 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 #E5E4E4 0% et #9F8AAB 100%.

0.0%	0.0% #E5E4E4	RVB 229 228 228	#E5E4E4
16.7%	16.7% #D9D5DA	RVB 217 213 218	#D9D5DA
33.3%	33.3% #CDC6D1	RVB 205 198 209	#CDC6D1
50.0%	50.0% #C2B7C7	RVB 194 183 199	#C2B7C7
66.7%	66.7% #B6A8BE	RVB 182 168 190	#B6A8BE
83.3%	83.3% #AA99B4	RVB 170 153 180	#AA99B4
100.0%	100.0% #9F8AAB	RVB 159 138 171	#9F8AAB

#E5E4E4 #D9D5DA #CDC6D1 #C2B7C7 #B6A8BE #AA99B4 #9F8AAB

#E5E4E4 - #9F8AAB

Mélange HSV

#E5E4E4 - #9F8AAB | 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 #E5E4E4 0% et #9F8AAB 100%.

0.0%	0.0% #E5E4E4	RVB 229 228 228	#E5E4E4
16.7%	16.7% #DBD3D5	RVB 219 211 213	#DBD3D5
33.3%	33.3% #D1C3C9	RVB 209 195 201	#D1C3C9
50.0%	50.0% #C8B4C1	RVB 200 180 193	#C8B4C1
66.7%	66.7% #BEA5BC	RVB 190 165 188	#BEA5BC
83.3%	83.3% #B097B4	RVB 176 151 180	#B097B4
100.0%	100.0% #9F8AAB	RVB 159 138 171	#9F8AAB

#E5E4E4 #DBD3D5 #D1C3C9 #C8B4C1 #BEA5BC #B097B4 #9F8AAB

#E5E4E4 - #C8B4C1 - #9F8AAB

Codes CSS

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

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