#E5E3E3 - #BAA598 | 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 #E5E3E3 à #BAA598

#E5E3E3 #BAA598

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

#E5E3E3 - #BAA598 | 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 #E5E3E3 0% et #BAA598 100%.

0.0%	0.0% #E5E3E3	RVB 229 227 227	#E5E3E3
16.7%	16.7% #DDD8D6	RVB 221 216 214	#DDD8D6
33.3%	33.3% #D6CECA	RVB 214 206 202	#D6CECA
50.0%	50.0% #CFC4BD	RVB 207 196 189	#CFC4BD
66.7%	66.7% #C8B9B1	RVB 200 185 177	#C8B9B1
83.3%	83.3% #C1AFA4	RVB 193 175 164	#C1AFA4
100.0%	100.0% #BAA598	RVB 186 165 152	#BAA598

#E5E3E3 #DDD8D6 #D6CECA #CFC4BD #C8B9B1 #C1AFA4 #BAA598

#E5E3E3 - #BAA598

Mélange HSV

#E5E3E3 - #BAA598 | 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 #E5E3E3 0% et #BAA598 100%.

0.0%	0.0% #E5E3E3	RVB 229 227 227	#E5E3E3
16.7%	16.7% #DDD5D5	RVB 221 213 213	#DDD5D5
33.3%	33.3% #D6CAC8	RVB 214 202 200	#D6CAC8
50.0%	50.0% #CFBFBB	RVB 207 191 187	#CFBFBB
66.7%	66.7% #C8B5AF	RVB 200 181 175	#C8B5AF
83.3%	83.3% #C1ACA3	RVB 193 172 163	#C1ACA3
100.0%	100.0% #BAA598	RVB 186 165 152	#BAA598

#E5E3E3 #DDD5D5 #D6CAC8 #CFBFBB #C8B5AF #C1ACA3 #BAA598

#E5E3E3 - #CFBFBB - #BAA598

Codes CSS

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

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