#E5E3E3 - #BD99B0 | 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 #E5E3E3 à #BD99B0

#E5E3E3 #BD99B0

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

#E5E3E3 - #BD99B0 | 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 #E5E3E3 0% et #BD99B0 100%.

0.0%	0.0% #E5E3E3	RVB 229 227 227	#E5E3E3
16.7%	16.7% #DED6DA	RVB 222 214 218	#DED6DA
33.3%	33.3% #D7CAD2	RVB 215 202 210	#D7CAD2
50.0%	50.0% #D1BEC9	RVB 209 190 201	#D1BEC9
66.7%	66.7% #CAB1C1	RVB 202 177 193	#CAB1C1
83.3%	83.3% #C3A5B8	RVB 195 165 184	#C3A5B8
100.0%	100.0% #BD99B0	RVB 189 153 176	#BD99B0

#E5E3E3 #DED6DA #D7CAD2 #D1BEC9 #CAB1C1 #C3A5B8 #BD99B0

#E5E3E3 - #BD99B0

Mélange HSV

#E5E3E3 - #BD99B0 | 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 #E5E3E3 0% et #BD99B0 100%.

0.0%	0.0% #E5E3E3	RVB 229 227 227	#E5E3E3
16.7%	16.7% #DED5D6	RVB 222 213 214	#DED5D6
33.3%	33.3% #D7C8CB	RVB 215 200 203	#D7C8CB
50.0%	50.0% #D1BCC2	RVB 209 188 194	#D1BCC2
66.7%	66.7% #CAB0BB	RVB 202 176 187	#CAB0BB
83.3%	83.3% #C3A4B5	RVB 195 164 181	#C3A4B5
100.0%	100.0% #BD99B0	RVB 189 153 176	#BD99B0

#E5E3E3 #DED5D6 #D7C8CB #D1BCC2 #CAB0BB #C3A4B5 #BD99B0

#E5E3E3 - #D1BCC2 - #BD99B0

Codes CSS

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

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