#E5E5E0 - #BDB595 | 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 #E5E5E0 à #BDB595

#E5E5E0 #BDB595

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

#E5E5E0 - #BDB595 | 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 #E5E5E0 0% et #BDB595 100%.

0.0%	0.0% #E5E5E0	RVB 229 229 224	#E5E5E0
16.7%	16.7% #DEDDD3	RVB 222 221 211	#DEDDD3
33.3%	33.3% #D7D5C7	RVB 215 213 199	#D7D5C7
50.0%	50.0% #D1CDBA	RVB 209 205 186	#D1CDBA
66.7%	66.7% #CAC5AE	RVB 202 197 174	#CAC5AE
83.3%	83.3% #C3BDA1	RVB 195 189 161	#C3BDA1
100.0%	100.0% #BDB595	RVB 189 181 149	#BDB595

#E5E5E0 #DEDDD3 #D7D5C7 #D1CDBA #CAC5AE #C3BDA1 #BDB595

#E5E5E0 - #BDB595

Mélange HSV

#E5E5E0 - #BDB595 | 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 #E5E5E0 0% et #BDB595 100%.

0.0%	0.0% #E5E5E0	RVB 229 229 224	#E5E5E0
16.7%	16.7% #DEDDD2	RVB 222 221 210	#DEDDD2
33.3%	33.3% #D7D6C5	RVB 215 214 197	#D7D6C5
50.0%	50.0% #D1CEB8	RVB 209 206 184	#D1CEB8
66.7%	66.7% #CAC6AC	RVB 202 198 172	#CAC6AC
83.3%	83.3% #C3BDA0	RVB 195 189 160	#C3BDA0
100.0%	100.0% #BDB595	RVB 189 181 149	#BDB595

#E5E5E0 #DEDDD2 #D7D6C5 #D1CEB8 #CAC6AC #C3BDA0 #BDB595

#E5E5E0 - #D1CEB8 - #BDB595

Codes CSS

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

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