#E5E4E4 - #BC9AB3 | 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 à #BC9AB3

#E5E4E4 #BC9AB3

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

0.0%	0.0% #E5E4E4	RVB 229 228 228	#E5E4E4
16.7%	16.7% #DED7DB	RVB 222 215 219	#DED7DB
33.3%	33.3% #D7CBD3	RVB 215 203 211	#D7CBD3
50.0%	50.0% #D0BFCB	RVB 208 191 203	#D0BFCB
66.7%	66.7% #C9B2C3	RVB 201 178 195	#C9B2C3
83.3%	83.3% #C2A6BB	RVB 194 166 187	#C2A6BB
100.0%	100.0% #BC9AB3	RVB 188 154 179	#BC9AB3

#E5E4E4 #DED7DB #D7CBD3 #D0BFCB #C9B2C3 #C2A6BB #BC9AB3

#E5E4E4 - #BC9AB3

Mélange HSV

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

0.0%	0.0% #E5E4E4	RVB 229 228 228	#E5E4E4
16.7%	16.7% #DED6D7	RVB 222 214 215	#DED6D7
33.3%	33.3% #D7C9CD	RVB 215 201 205	#D7C9CD
50.0%	50.0% #D0BDC4	RVB 208 189 196	#D0BDC4
66.7%	66.7% #C9B1BD	RVB 201 177 189	#C9B1BD
83.3%	83.3% #C2A5B7	RVB 194 165 183	#C2A5B7
100.0%	100.0% #BC9AB3	RVB 188 154 179	#BC9AB3

#E5E4E4 #DED6D7 #D7C9CD #D0BDC4 #C9B1BD #C2A5B7 #BC9AB3

#E5E4E4 - #D0BDC4 - #BC9AB3

Codes CSS

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

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