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

#E5E3E3 #BBA499

Calculez la couleur entre deux couleurs, #E5E3E3 et #BBA499. 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 - #BBA499 | 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 #BBA499 100%.

0.0%	0.0% #E5E3E3	RVB 229 227 227	#E5E3E3
16.7%	16.7% #DED8D6	RVB 222 216 214	#DED8D6
33.3%	33.3% #D7CECA	RVB 215 206 202	#D7CECA
50.0%	50.0% #D0C3BE	RVB 208 195 190	#D0C3BE
66.7%	66.7% #C9B9B1	RVB 201 185 177	#C9B9B1
83.3%	83.3% #C2AEA5	RVB 194 174 165	#C2AEA5
100.0%	100.0% #BBA499	RVB 187 164 153	#BBA499

#E5E3E3 #DED8D6 #D7CECA #D0C3BE #C9B9B1 #C2AEA5 #BBA499

#E5E3E3 - #BBA499

Mélange HSV

#E5E3E3 - #BBA499 | 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 #BBA499 100%.

0.0%	0.0% #E5E3E3	RVB 229 227 227	#E5E3E3
16.7%	16.7% #DED6D5	RVB 222 214 213	#DED6D5
33.3%	33.3% #D7CAC8	RVB 215 202 200	#D7CAC8
50.0%	50.0% #D0BFBC	RVB 208 191 188	#D0BFBC
66.7%	66.7% #C9B5B0	RVB 201 181 176	#C9B5B0
83.3%	83.3% #C2ACA4	RVB 194 172 164	#C2ACA4
100.0%	100.0% #BBA499	RVB 187 164 153	#BBA499

#E5E3E3 #DED6D5 #D7CAC8 #D0BFBC #C9B5B0 #C2ACA4 #BBA499

#E5E3E3 - #D0BFBC - #BBA499

Codes CSS

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

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