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

#E5E3E3 #D299A0

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

0.0%	0.0% #E5E3E3	RVB 229 227 227	#E5E3E3
16.7%	16.7% #E1D6D7	RVB 225 214 215	#E1D6D7
33.3%	33.3% #DECACC	RVB 222 202 204	#DECACC
50.0%	50.0% #DBBEC1	RVB 219 190 193	#DBBEC1
66.7%	66.7% #D8B1B6	RVB 216 177 182	#D8B1B6
83.3%	83.3% #D5A5AB	RVB 213 165 171	#D5A5AB
100.0%	100.0% #D299A0	RVB 210 153 160	#D299A0

#E5E3E3 #E1D6D7 #DECACC #DBBEC1 #D8B1B6 #D5A5AB #D299A0

#E5E3E3 - #D299A0

Mélange HSV

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

0.0%	0.0% #E5E3E3	RVB 229 227 227	#E5E3E3
16.7%	16.7% #E1D5D6	RVB 225 213 214	#E1D5D6
33.3%	33.3% #DEC9CA	RVB 222 201 202	#DEC9CA
50.0%	50.0% #DBBCBE	RVB 219 188 190	#DBBCBE
66.7%	66.7% #D8B0B3	RVB 216 176 179	#D8B0B3
83.3%	83.3% #D5A4A9	RVB 213 164 169	#D5A4A9
100.0%	100.0% #D299A0	RVB 210 153 160	#D299A0

#E5E3E3 #E1D5D6 #DEC9CA #DBBCBE #D8B0B3 #D5A4A9 #D299A0

#E5E3E3 - #DBBCBE - #D299A0

Codes CSS

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

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