#ECE3C9 - #CFB076 | 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 #ECE3C9 à #CFB076

#ECE3C9 #CFB076

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

#ECE3C9 - #CFB076 | 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 #ECE3C9 0% et #CFB076 100%.

0.0%	0.0% #ECE3C9	RVB 236 227 201	#ECE3C9
16.7%	16.7% #E7DABB	RVB 231 218 187	#E7DABB
33.3%	33.3% #E2D2AD	RVB 226 210 173	#E2D2AD
50.0%	50.0% #DDC99F	RVB 221 201 159	#DDC99F
66.7%	66.7% #D8C191	RVB 216 193 145	#D8C191
83.3%	83.3% #D3B883	RVB 211 184 131	#D3B883
100.0%	100.0% #CFB076	RVB 207 176 118	#CFB076

#ECE3C9 #E7DABB #E2D2AD #DDC99F #D8C191 #D3B883 #CFB076

#ECE3C9 - #CFB076

Mélange HSV

#ECE3C9 - #CFB076 | 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 #ECE3C9 0% et #CFB076 100%.

0.0%	0.0% #ECE3C9	RVB 236 227 201	#ECE3C9
16.7%	16.7% #E7DABA	RVB 231 218 186	#E7DABA
33.3%	33.3% #E2D2AB	RVB 226 210 171	#E2D2AB
50.0%	50.0% #DDCA9D	RVB 221 202 157	#DDCA9D
66.7%	66.7% #D8C18F	RVB 216 193 143	#D8C18F
83.3%	83.3% #D3B882	RVB 211 184 130	#D3B882
100.0%	100.0% #CFB076	RVB 207 176 118	#CFB076

#ECE3C9 #E7DABA #E2D2AB #DDCA9D #D8C18F #D3B882 #CFB076

#ECE3C9 - #DDCA9D - #CFB076

Codes CSS

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

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