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

#E6E5E4 #BE9D9A

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

0.0%	0.0% #E6E5E4	RVB 230 229 228	#E6E5E4
16.7%	16.7% #DFD9D7	RVB 223 217 215	#DFD9D7
33.3%	33.3% #D8CDCB	RVB 216 205 203	#D8CDCB
50.0%	50.0% #D2C1BF	RVB 210 193 191	#D2C1BF
66.7%	66.7% #CBB5B2	RVB 203 181 178	#CBB5B2
83.3%	83.3% #C4A9A6	RVB 196 169 166	#C4A9A6
100.0%	100.0% #BE9D9A	RVB 190 157 154	#BE9D9A

#E6E5E4 #DFD9D7 #D8CDCB #D2C1BF #CBB5B2 #C4A9A6 #BE9D9A

#E6E5E4 - #BE9D9A

Mélange HSV

#E6E5E4 - #BE9D9A | 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 #BE9D9A 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% #D8CFC9	RVB 216 207 201	#D8CFC9
50.0%	50.0% #D2C3BD	RVB 210 195 189	#D2C3BD
66.7%	66.7% #CBB6B1	RVB 203 182 177	#CBB6B1
83.3%	83.3% #C4AAA5	RVB 196 170 165	#C4AAA5
100.0%	100.0% #BE9D9A	RVB 190 157 154	#BE9D9A

#E6E5E4 #DFDAD6 #D8CFC9 #D2C3BD #CBB6B1 #C4AAA5 #BE9D9A

#E6E5E4 - #D2C3BD - #BE9D9A

Codes CSS

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

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