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

#E6E5E4 #C9BA9A

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

0.0%	0.0% #E6E5E4	RVB 230 229 228	#E6E5E4
16.7%	16.7% #E1DDD7	RVB 225 221 215	#E1DDD7
33.3%	33.3% #DCD6CB	RVB 220 214 203	#DCD6CB
50.0%	50.0% #D7CFBF	RVB 215 207 191	#D7CFBF
66.7%	66.7% #D2C8B2	RVB 210 200 178	#D2C8B2
83.3%	83.3% #CDC1A6	RVB 205 193 166	#CDC1A6
100.0%	100.0% #C9BA9A	RVB 201 186 154	#C9BA9A

#E6E5E4 #E1DDD7 #DCD6CB #D7CFBF #D2C8B2 #CDC1A6 #C9BA9A

#E6E5E4 - #C9BA9A

Mélange HSV

#E6E5E4 - #C9BA9A | 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 #C9BA9A 100%.

0.0%	0.0% #E6E5E4	RVB 230 229 228	#E6E5E4
16.7%	16.7% #E1DCD6	RVB 225 220 214	#E1DCD6
33.3%	33.3% #DCD4C9	RVB 220 212 201	#DCD4C9
50.0%	50.0% #D7CCBD	RVB 215 204 189	#D7CCBD
66.7%	66.7% #D2C5B1	RVB 210 197 177	#D2C5B1
83.3%	83.3% #CDBFA5	RVB 205 191 165	#CDBFA5
100.0%	100.0% #C9BA9A	RVB 201 186 154	#C9BA9A

#E6E5E4 #E1DCD6 #DCD4C9 #D7CCBD #D2C5B1 #CDBFA5 #C9BA9A

#E6E5E4 - #D7CCBD - #C9BA9A

Codes CSS

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

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