#E5E3E1 - #BDA996 | 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 #E5E3E1 à #BDA996

#E5E3E1 #BDA996

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

#E5E3E1 - #BDA996 | 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 #E5E3E1 0% et #BDA996 100%.

0.0%	0.0% #E5E3E1	RVB 229 227 225	#E5E3E1
16.7%	16.7% #DED9D4	RVB 222 217 212	#DED9D4
33.3%	33.3% #D7CFC8	RVB 215 207 200	#D7CFC8
50.0%	50.0% #D1C6BB	RVB 209 198 187	#D1C6BB
66.7%	66.7% #CABCAF	RVB 202 188 175	#CABCAF
83.3%	83.3% #C3B2A2	RVB 195 178 162	#C3B2A2
100.0%	100.0% #BDA996	RVB 189 169 150	#BDA996

#E5E3E1 #DED9D4 #D7CFC8 #D1C6BB #CABCAF #C3B2A2 #BDA996

#E5E3E1 - #BDA996

Mélange HSV

#E5E3E1 - #BDA996 | 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 #E5E3E1 0% et #BDA996 100%.

0.0%	0.0% #E5E3E1	RVB 229 227 225	#E5E3E1
16.7%	16.7% #DED8D3	RVB 222 216 211	#DED8D3
33.3%	33.3% #D7CEC6	RVB 215 206 198	#D7CEC6
50.0%	50.0% #D1C5B9	RVB 209 197 185	#D1C5B9
66.7%	66.7% #CABBAD	RVB 202 187 173	#CABBAD
83.3%	83.3% #C3B2A1	RVB 195 178 161	#C3B2A1
100.0%	100.0% #BDA996	RVB 189 169 150	#BDA996

#E5E3E1 #DED8D3 #D7CEC6 #D1C5B9 #CABBAD #C3B2A1 #BDA996

#E5E3E1 - #D1C5B9 - #BDA996

Codes CSS

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

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