#ECE2DA - #D4AA8C | 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 #ECE2DA à #D4AA8C

#ECE2DA #D4AA8C

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

#ECE2DA - #D4AA8C | 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 #ECE2DA 0% et #D4AA8C 100%.

0.0%	0.0% #ECE2DA	RVB 236 226 218	#ECE2DA
16.7%	16.7% #E8D8CD	RVB 232 216 205	#E8D8CD
33.3%	33.3% #E4CFC0	RVB 228 207 192	#E4CFC0
50.0%	50.0% #E0C6B3	RVB 224 198 179	#E0C6B3
66.7%	66.7% #DCBCA6	RVB 220 188 166	#DCBCA6
83.3%	83.3% #D8B399	RVB 216 179 153	#D8B399
100.0%	100.0% #D4AA8C	RVB 212 170 140	#D4AA8C

#ECE2DA #E8D8CD #E4CFC0 #E0C6B3 #DCBCA6 #D8B399 #D4AA8C

#ECE2DA - #D4AA8C

Mélange HSV

#ECE2DA - #D4AA8C | 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 #ECE2DA 0% et #D4AA8C 100%.

0.0%	0.0% #ECE2DA	RVB 236 226 218	#ECE2DA
16.7%	16.7% #E8D8CC	RVB 232 216 204	#E8D8CC
33.3%	33.3% #E4CEBE	RVB 228 206 190	#E4CEBE
50.0%	50.0% #E0C5B1	RVB 224 197 177	#E0C5B1
66.7%	66.7% #DCBCA4	RVB 220 188 164	#DCBCA4
83.3%	83.3% #D8B398	RVB 216 179 152	#D8B398
100.0%	100.0% #D4AA8C	RVB 212 170 140	#D4AA8C

#ECE2DA #E8D8CC #E4CEBE #E0C5B1 #DCBCA4 #D8B398 #D4AA8C

#ECE2DA - #E0C5B1 - #D4AA8C

Codes CSS

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

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