#E7E5E1 - #C7AF96 | 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 #E7E5E1 à #C7AF96

#E7E5E1 #C7AF96

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

#E7E5E1 - #C7AF96 | 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 #E7E5E1 0% et #C7AF96 100%.

0.0%	0.0% #E7E5E1	RVB 231 229 225	#E7E5E1
16.7%	16.7% #E1DCD4	RVB 225 220 212	#E1DCD4
33.3%	33.3% #DCD3C8	RVB 220 211 200	#DCD3C8
50.0%	50.0% #D7CABB	RVB 215 202 187	#D7CABB
66.7%	66.7% #D1C1AF	RVB 209 193 175	#D1C1AF
83.3%	83.3% #CCB8A2	RVB 204 184 162	#CCB8A2
100.0%	100.0% #C7AF96	RVB 199 175 150	#C7AF96

#E7E5E1 #E1DCD4 #DCD3C8 #D7CABB #D1C1AF #CCB8A2 #C7AF96

#E7E5E1 - #C7AF96

Mélange HSV

#E7E5E1 - #C7AF96 | 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 #E7E5E1 0% et #C7AF96 100%.

0.0%	0.0% #E7E5E1	RVB 231 229 225	#E7E5E1
16.7%	16.7% #E1DCD3	RVB 225 220 211	#E1DCD3
33.3%	33.3% #DCD3C6	RVB 220 211 198	#DCD3C6
50.0%	50.0% #D7CAB9	RVB 215 202 185	#D7CAB9
66.7%	66.7% #D1C1AD	RVB 209 193 173	#D1C1AD
83.3%	83.3% #CCB8A1	RVB 204 184 161	#CCB8A1
100.0%	100.0% #C7AF96	RVB 199 175 150	#C7AF96

#E7E5E1 #E1DCD3 #DCD3C6 #D7CAB9 #D1C1AD #CCB8A1 #C7AF96

#E7E5E1 - #D7CAB9 - #C7AF96

Codes CSS

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

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