#ECE6B0 - #CEBA5A | 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 #ECE6B0 à #CEBA5A

#ECE6B0 #CEBA5A

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

#ECE6B0 - #CEBA5A | 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 #ECE6B0 0% et #CEBA5A 100%.

0.0%	0.0% #ECE6B0	RVB 236 230 176	#ECE6B0
16.7%	16.7% #E7DEA1	RVB 231 222 161	#E7DEA1
33.3%	33.3% #E2D793	RVB 226 215 147	#E2D793
50.0%	50.0% #DDD085	RVB 221 208 133	#DDD085
66.7%	66.7% #D8C876	RVB 216 200 118	#D8C876
83.3%	83.3% #D3C168	RVB 211 193 104	#D3C168
100.0%	100.0% #CEBA5A	RVB 206 186 90	#CEBA5A

#ECE6B0 #E7DEA1 #E2D793 #DDD085 #D8C876 #D3C168 #CEBA5A

#ECE6B0 - #CEBA5A

Mélange HSV

#ECE6B0 - #CEBA5A | 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 #ECE6B0 0% et #CEBA5A 100%.

0.0%	0.0% #ECE6B0	RVB 236 230 176	#ECE6B0
16.7%	16.7% #E7DFA0	RVB 231 223 160	#E7DFA0
33.3%	33.3% #E2D791	RVB 226 215 145	#E2D791
50.0%	50.0% #DDD082	RVB 221 208 130	#DDD082
66.7%	66.7% #D8C974	RVB 216 201 116	#D8C974
83.3%	83.3% #D3C167	RVB 211 193 103	#D3C167
100.0%	100.0% #CEBA5A	RVB 206 186 90	#CEBA5A

#ECE6B0 #E7DFA0 #E2D791 #DDD082 #D8C974 #D3C167 #CEBA5A

#ECE6B0 - #DDD082 - #CEBA5A

Codes CSS

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

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