#ECE2DF - #D7A393 | 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 #ECE2DF à #D7A393

#ECE2DF #D7A393

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

#ECE2DF - #D7A393 | 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 #ECE2DF 0% et #D7A393 100%.

0.0%	0.0% #ECE2DF	RVB 236 226 223	#ECE2DF
16.7%	16.7% #E8D7D2	RVB 232 215 210	#E8D7D2
33.3%	33.3% #E5CDC5	RVB 229 205 197	#E5CDC5
50.0%	50.0% #E1C2B9	RVB 225 194 185	#E1C2B9
66.7%	66.7% #DEB8AC	RVB 222 184 172	#DEB8AC
83.3%	83.3% #DAAD9F	RVB 218 173 159	#DAAD9F
100.0%	100.0% #D7A393	RVB 215 163 147	#D7A393

#ECE2DF #E8D7D2 #E5CDC5 #E1C2B9 #DEB8AC #DAAD9F #D7A393

#ECE2DF - #D7A393

Mélange HSV

#ECE2DF - #D7A393 | 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 #ECE2DF 0% et #D7A393 100%.

0.0%	0.0% #ECE2DF	RVB 236 226 223	#ECE2DF
16.7%	16.7% #E8D6D1	RVB 232 214 209	#E8D6D1
33.3%	33.3% #E5CCC4	RVB 229 204 196	#E5CCC4
50.0%	50.0% #E1C1B7	RVB 225 193 183	#E1C1B7
66.7%	66.7% #DEB7AB	RVB 222 183 171	#DEB7AB
83.3%	83.3% #DAAC9E	RVB 218 172 158	#DAAC9E
100.0%	100.0% #D7A393	RVB 215 163 147	#D7A393

#ECE2DF #E8D6D1 #E5CCC4 #E1C1B7 #DEB7AB #DAAC9E #D7A393

#ECE2DF - #E1C1B7 - #D7A393

Codes CSS

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

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