#A29DAE - #E5E3E7 | 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 #A29DAE à #E5E3E7

#A29DAE #E5E3E7

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

#A29DAE - #E5E3E7 | 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 #A29DAE 0% et #E5E3E7 100%.

0.0%	0.0% #A29DAE	RVB 162 157 174	#A29DAE
16.7%	16.7% #ADA8B7	RVB 173 168 183	#ADA8B7
33.3%	33.3% #B8B4C1	RVB 184 180 193	#B8B4C1
50.0%	50.0% #C3C0CA	RVB 195 192 202	#C3C0CA
66.7%	66.7% #CECBD4	RVB 206 203 212	#CECBD4
83.3%	83.3% #D9D7DD	RVB 217 215 221	#D9D7DD
100.0%	100.0% #E5E3E7	RVB 229 227 231	#E5E3E7

#A29DAE #ADA8B7 #B8B4C1 #C3C0CA #CECBD4 #D9D7DD #E5E3E7

#A29DAE - #E5E3E7

Mélange HSV

#A29DAE - #E5E3E7 | 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 #A29DAE 0% et #E5E3E7 100%.

0.0%	0.0% #A29DAE	RVB 162 157 174	#A29DAE
16.7%	16.7% #ADA8B7	RVB 173 168 183	#ADA8B7
33.3%	33.3% #B8B3C1	RVB 184 179 193	#B8B3C1
50.0%	50.0% #C3BECA	RVB 195 190 202	#C3BECA
66.7%	66.7% #CECAD4	RVB 206 202 212	#CECAD4
83.3%	83.3% #D9D6DD	RVB 217 214 221	#D9D6DD
100.0%	100.0% #E5E3E7	RVB 229 227 231	#E5E3E7

#A29DAE #ADA8B7 #B8B3C1 #C3BECA #CECAD4 #D9D6DD #E5E3E7

#A29DAE - #C3BECA - #E5E3E7

Codes CSS

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

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