#E5E4E7 - #BA9ACE | 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 #E5E4E7 à #BA9ACE

#E5E4E7 #BA9ACE

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

#E5E4E7 - #BA9ACE | 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 #E5E4E7 0% et #BA9ACE 100%.

0.0%	0.0% #E5E4E7	RVB 229 228 231	#E5E4E7
16.7%	16.7% #DDD7E2	RVB 221 215 226	#DDD7E2
33.3%	33.3% #D6CBDE	RVB 214 203 222	#D6CBDE
50.0%	50.0% #CFBFDA	RVB 207 191 218	#CFBFDA
66.7%	66.7% #C8B2D6	RVB 200 178 214	#C8B2D6
83.3%	83.3% #C1A6D2	RVB 193 166 210	#C1A6D2
100.0%	100.0% #BA9ACE	RVB 186 154 206	#BA9ACE

#E5E4E7 #DDD7E2 #D6CBDE #CFBFDA #C8B2D6 #C1A6D2 #BA9ACE

#E5E4E7 - #BA9ACE

Mélange HSV

#E5E4E7 - #BA9ACE | 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 #E5E4E7 0% et #BA9ACE 100%.

0.0%	0.0% #E5E4E7	RVB 229 228 231	#E5E4E7
16.7%	16.7% #DBD6E2	RVB 219 214 226	#DBD6E2
33.3%	33.3% #D2CADE	RVB 210 202 222	#D2CADE
50.0%	50.0% #CBBDDA	RVB 203 189 218	#CBBDDA
66.7%	66.7% #C4B1D6	RVB 196 177 214	#C4B1D6
83.3%	83.3% #BEA5D2	RVB 190 165 210	#BEA5D2
100.0%	100.0% #BA9ACE	RVB 186 154 206	#BA9ACE

#E5E4E7 #DBD6E2 #D2CADE #CBBDDA #C4B1D6 #BEA5D2 #BA9ACE

#E5E4E7 - #CBBDDA - #BA9ACE

Codes CSS

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

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