#ECE4D4 - #D0AF84 | 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 #ECE4D4 à #D0AF84

#ECE4D4 #D0AF84

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

#ECE4D4 - #D0AF84 | 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 #ECE4D4 0% et #D0AF84 100%.

0.0%	0.0% #ECE4D4	RVB 236 228 212	#ECE4D4
16.7%	16.7% #E7DBC6	RVB 231 219 198	#E7DBC6
33.3%	33.3% #E2D2B9	RVB 226 210 185	#E2D2B9
50.0%	50.0% #DEC9AC	RVB 222 201 172	#DEC9AC
66.7%	66.7% #D9C09E	RVB 217 192 158	#D9C09E
83.3%	83.3% #D4B791	RVB 212 183 145	#D4B791
100.0%	100.0% #D0AF84	RVB 208 175 132	#D0AF84

#ECE4D4 #E7DBC6 #E2D2B9 #DEC9AC #D9C09E #D4B791 #D0AF84

#ECE4D4 - #D0AF84

Mélange HSV

#ECE4D4 - #D0AF84 | 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 #ECE4D4 0% et #D0AF84 100%.

0.0%	0.0% #ECE4D4	RVB 236 228 212	#ECE4D4
16.7%	16.7% #E7DBC5	RVB 231 219 197	#E7DBC5
33.3%	33.3% #E2D2B7	RVB 226 210 183	#E2D2B7
50.0%	50.0% #DECAAA	RVB 222 202 170	#DECAAA
66.7%	66.7% #D9C19D	RVB 217 193 157	#D9C19D
83.3%	83.3% #D4B890	RVB 212 184 144	#D4B890
100.0%	100.0% #D0AF84	RVB 208 175 132	#D0AF84

#ECE4D4 #E7DBC5 #E2D2B7 #DECAAA #D9C19D #D4B890 #D0AF84

#ECE4D4 - #DECAAA - #D0AF84

Codes CSS

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

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