#E5E4E4 - #8B8AAB | 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 à #8B8AAB

#E5E4E4 #8B8AAB

Calculez la couleur entre deux couleurs, #E5E4E4 et #8B8AAB. 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 - #8B8AAB | 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 #8B8AAB 100%.

0.0%	0.0% #E5E4E4	RVB 229 228 228	#E5E4E4
16.7%	16.7% #D6D5DA	RVB 214 213 218	#D6D5DA
33.3%	33.3% #C7C6D1	RVB 199 198 209	#C7C6D1
50.0%	50.0% #B8B7C7	RVB 184 183 199	#B8B7C7
66.7%	66.7% #A9A8BE	RVB 169 168 190	#A9A8BE
83.3%	83.3% #9A99B4	RVB 154 153 180	#9A99B4
100.0%	100.0% #8B8AAB	RVB 139 138 171	#8B8AAB

#E5E4E4 #D6D5DA #C7C6D1 #B8B7C7 #A9A8BE #9A99B4 #8B8AAB

#E5E4E4 - #8B8AAB

Mélange HSV

#E5E4E4 - #8B8AAB | 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 #8B8AAB 100%.

0.0%	0.0% #E5E4E4	RVB 229 228 228	#E5E4E4
16.7%	16.7% #DBD3D6	RVB 219 211 214	#DBD3D6
33.3%	33.3% #D1C3CC	RVB 209 195 204	#D1C3CC
50.0%	50.0% #C8B4C7	RVB 200 180 199	#C8B4C7
66.7%	66.7% #B6A5BE	RVB 182 165 190	#B6A5BE
83.3%	83.3% #A197B4	RVB 161 151 180	#A197B4
100.0%	100.0% #8B8AAB	RVB 139 138 171	#8B8AAB

#E5E4E4 #DBD3D6 #D1C3CC #C8B4C7 #B6A5BE #A197B4 #8B8AAB

#E5E4E4 - #C8B4C7 - #8B8AAB

Codes CSS

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

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