#E6E5E4 - #BEAB9A | 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 #E6E5E4 à #BEAB9A

#E6E5E4 #BEAB9A

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

#E6E5E4 - #BEAB9A | 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 #E6E5E4 0% et #BEAB9A 100%.

0.0%	0.0% #E6E5E4	RVB 230 229 228	#E6E5E4
16.7%	16.7% #DFDBD7	RVB 223 219 215	#DFDBD7
33.3%	33.3% #D8D1CB	RVB 216 209 203	#D8D1CB
50.0%	50.0% #D2C8BF	RVB 210 200 191	#D2C8BF
66.7%	66.7% #CBBEB2	RVB 203 190 178	#CBBEB2
83.3%	83.3% #C4B4A6	RVB 196 180 166	#C4B4A6
100.0%	100.0% #BEAB9A	RVB 190 171 154	#BEAB9A

#E6E5E4 #DFDBD7 #D8D1CB #D2C8BF #CBBEB2 #C4B4A6 #BEAB9A

#E6E5E4 - #BEAB9A

Mélange HSV

#E6E5E4 - #BEAB9A | 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 #E6E5E4 0% et #BEAB9A 100%.

0.0%	0.0% #E6E5E4	RVB 230 229 228	#E6E5E4
16.7%	16.7% #DFDAD6	RVB 223 218 214	#DFDAD6
33.3%	33.3% #D8D1C9	RVB 216 209 201	#D8D1C9
50.0%	50.0% #D2C7BD	RVB 210 199 189	#D2C7BD
66.7%	66.7% #CBBDB1	RVB 203 189 177	#CBBDB1
83.3%	83.3% #C4B4A5	RVB 196 180 165	#C4B4A5
100.0%	100.0% #BEAB9A	RVB 190 171 154	#BEAB9A

#E6E5E4 #DFDAD6 #D8D1C9 #D2C7BD #CBBDB1 #C4B4A5 #BEAB9A

#E6E5E4 - #D2C7BD - #BEAB9A

Codes CSS

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

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