#E7E5E5 - #AFB88B | 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 #E7E5E5 à #AFB88B

#E7E5E5 #AFB88B

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

#E7E5E5 - #AFB88B | 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 #E7E5E5 0% et #AFB88B 100%.

0.0%	0.0% #E7E5E5	RVB 231 229 229	#E7E5E5
16.7%	16.7% #DDDDD6	RVB 221 221 214	#DDDDD6
33.3%	33.3% #D4D6C7	RVB 212 214 199	#D4D6C7
50.0%	50.0% #CBCEB8	RVB 203 206 184	#CBCEB8
66.7%	66.7% #C1C7A9	RVB 193 199 169	#C1C7A9
83.3%	83.3% #B8BF9A	RVB 184 191 154	#B8BF9A
100.0%	100.0% #AFB88B	RVB 175 184 139	#AFB88B

#E7E5E5 #DDDDD6 #D4D6C7 #CBCEB8 #C1C7A9 #B8BF9A #AFB88B

#E7E5E5 - #AFB88B

Mélange HSV

#E7E5E5 - #AFB88B | 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 #E7E5E5 0% et #AFB88B 100%.

0.0%	0.0% #E7E5E5	RVB 231 229 229	#E7E5E5
16.7%	16.7% #DFD6D4	RVB 223 214 212	#DFD6D4
33.3%	33.3% #D7CCC4	RVB 215 204 196	#D7CCC4
50.0%	50.0% #CFC4B5	RVB 207 196 181	#CFC4B5
66.7%	66.7% #C7C1A6	RVB 199 193 166	#C7C1A6
83.3%	83.3% #BFBF98	RVB 191 191 152	#BFBF98
100.0%	100.0% #AFB88B	RVB 175 184 139	#AFB88B

#E7E5E5 #DFD6D4 #D7CCC4 #CFC4B5 #C7C1A6 #BFBF98 #AFB88B

#E7E5E5 - #CFC4B5 - #AFB88B

Codes CSS

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

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