#E5E3E4 - #AB93A4 | 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 #E5E3E4 à #AB93A4

#E5E3E4 #AB93A4

Calculez la couleur entre deux couleurs, #E5E3E4 et #AB93A4. 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)

#E5E3E4 - #AB93A4 | 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 #E5E3E4 0% et #AB93A4 100%.

0.0%	0.0% #E5E3E4	RVB 229 227 228	#E5E3E4
16.7%	16.7% #DBD5D9	RVB 219 213 217	#DBD5D9
33.3%	33.3% #D1C8CE	RVB 209 200 206	#D1C8CE
50.0%	50.0% #C8BBC4	RVB 200 187 196	#C8BBC4
66.7%	66.7% #BEADB9	RVB 190 173 185	#BEADB9
83.3%	83.3% #B4A0AE	RVB 180 160 174	#B4A0AE
100.0%	100.0% #AB93A4	RVB 171 147 164	#AB93A4

#E5E3E4 #DBD5D9 #D1C8CE #C8BBC4 #BEADB9 #B4A0AE #AB93A4

#E5E3E4 - #AB93A4

Mélange HSV

#E5E3E4 - #AB93A4 | 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 #E5E3E4 0% et #AB93A4 100%.

0.0%	0.0% #E5E3E4	RVB 229 227 228	#E5E3E4
16.7%	16.7% #DBD4D8	RVB 219 212 216	#DBD4D8
33.3%	33.3% #D1C6CC	RVB 209 198 204	#D1C6CC
50.0%	50.0% #C8B9C2	RVB 200 185 194	#C8B9C2
66.7%	66.7% #BEABB7	RVB 190 171 183	#BEABB7
83.3%	83.3% #B49FAD	RVB 180 159 173	#B49FAD
100.0%	100.0% #AB93A4	RVB 171 147 164	#AB93A4

#E5E3E4 #DBD4D8 #D1C6CC #C8B9C2 #BEABB7 #B49FAD #AB93A4

#E5E3E4 - #C8B9C2 - #AB93A4

Codes CSS

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

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