#ECE3C7 - #CFB174 | 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 #ECE3C7 à #CFB174

#ECE3C7 #CFB174

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

#ECE3C7 - #CFB174 | 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 #ECE3C7 0% et #CFB174 100%.

0.0%	0.0% #ECE3C7	RVB 236 227 199	#ECE3C7
16.7%	16.7% #E7DAB9	RVB 231 218 185	#E7DAB9
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% #D3B981	RVB 211 185 129	#D3B981
100.0%	100.0% #CFB174	RVB 207 177 116	#CFB174

#ECE3C7 #E7DAB9 #E2D2AB #DDCA9D #D8C18F #D3B981 #CFB174

#ECE3C7 - #CFB174

Mélange HSV

#ECE3C7 - #CFB174 | 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 #ECE3C7 0% et #CFB174 100%.

0.0%	0.0% #ECE3C7	RVB 236 227 199	#ECE3C7
16.7%	16.7% #E7DBB8	RVB 231 219 184	#E7DBB8
33.3%	33.3% #E2D2A9	RVB 226 210 169	#E2D2A9
50.0%	50.0% #DDCA9B	RVB 221 202 155	#DDCA9B
66.7%	66.7% #D8C28D	RVB 216 194 141	#D8C28D
83.3%	83.3% #D3B980	RVB 211 185 128	#D3B980
100.0%	100.0% #CFB174	RVB 207 177 116	#CFB174

#ECE3C7 #E7DBB8 #E2D2A9 #DDCA9B #D8C28D #D3B980 #CFB174

#ECE3C7 - #DDCA9B - #CFB174

Codes CSS

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

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