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

#E5E3E3 #BD99BB

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

0.0%	0.0% #E5E3E3	RVB 229 227 227	#E5E3E3
16.7%	16.7% #DED6DC	RVB 222 214 220	#DED6DC
33.3%	33.3% #D7CAD5	RVB 215 202 213	#D7CAD5
50.0%	50.0% #D1BECF	RVB 209 190 207	#D1BECF
66.7%	66.7% #CAB1C8	RVB 202 177 200	#CAB1C8
83.3%	83.3% #C3A5C1	RVB 195 165 193	#C3A5C1
100.0%	100.0% #BD99BB	RVB 189 153 187	#BD99BB

#E5E3E3 #DED6DC #D7CAD5 #D1BECF #CAB1C8 #C3A5C1 #BD99BB

#E5E3E3 - #BD99BB

Mélange HSV

#E5E3E3 - #BD99BB | 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 #BD99BB 100%.

0.0%	0.0% #E5E3E3	RVB 229 227 227	#E5E3E3
16.7%	16.7% #DED5D7	RVB 222 213 215	#DED5D7
33.3%	33.3% #D7C8CD	RVB 215 200 205	#D7C8CD
50.0%	50.0% #D1BCC6	RVB 209 188 198	#D1BCC6
66.7%	66.7% #CAB0C0	RVB 202 176 192	#CAB0C0
83.3%	83.3% #C3A4BC	RVB 195 164 188	#C3A4BC
100.0%	100.0% #BD99BB	RVB 189 153 187	#BD99BB

#E5E3E3 #DED5D7 #D7C8CD #D1BCC6 #CAB0C0 #C3A4BC #BD99BB

#E5E3E3 - #D1BCC6 - #BD99BB

Codes CSS

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

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