#E7E5E6 - #A99AA6 | 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 #E7E5E6 à #A99AA6

#E7E5E6 #A99AA6

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

#E7E5E6 - #A99AA6 | 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 #E7E5E6 0% et #A99AA6 100%.

0.0%	0.0% #E7E5E6	RVB 231 229 230	#E7E5E6
16.7%	16.7% #DCD8DB	RVB 220 216 219	#DCD8DB
33.3%	33.3% #D2CCD0	RVB 210 204 208	#D2CCD0
50.0%	50.0% #C8BFC6	RVB 200 191 198	#C8BFC6
66.7%	66.7% #BDB3BB	RVB 189 179 187	#BDB3BB
83.3%	83.3% #B3A6B0	RVB 179 166 176	#B3A6B0
100.0%	100.0% #A99AA6	RVB 169 154 166	#A99AA6

#E7E5E6 #DCD8DB #D2CCD0 #C8BFC6 #BDB3BB #B3A6B0 #A99AA6

#E7E5E6 - #A99AA6

Mélange HSV

#E7E5E6 - #A99AA6 | 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 #E7E5E6 0% et #A99AA6 100%.

0.0%	0.0% #E7E5E6	RVB 231 229 230	#E7E5E6
16.7%	16.7% #DCD7DA	RVB 220 215 218	#DCD7DA
33.3%	33.3% #D2CACF	RVB 210 202 207	#D2CACF
50.0%	50.0% #C8BEC4	RVB 200 190 196	#C8BEC4
66.7%	66.7% #BDB1BA	RVB 189 177 186	#BDB1BA
83.3%	83.3% #B3A5AF	RVB 179 165 175	#B3A5AF
100.0%	100.0% #A99AA6	RVB 169 154 166	#A99AA6

#E7E5E6 #DCD7DA #D2CACF #C8BEC4 #BDB1BA #B3A5AF #A99AA6

#E7E5E6 - #C8BEC4 - #A99AA6

Codes CSS

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

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