#E6E5E5 - #D3A49C | 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 #E6E5E5 à #D3A49C

#E6E5E5 #D3A49C

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

#E6E5E5 - #D3A49C | 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 #E6E5E5 0% et #D3A49C 100%.

0.0%	0.0% #E6E5E5	RVB 230 229 229	#E6E5E5
16.7%	16.7% #E2DAD8	RVB 226 218 216	#E2DAD8
33.3%	33.3% #DFCFCC	RVB 223 207 204	#DFCFCC
50.0%	50.0% #DCC4C0	RVB 220 196 192	#DCC4C0
66.7%	66.7% #D9B9B4	RVB 217 185 180	#D9B9B4
83.3%	83.3% #D6AEA8	RVB 214 174 168	#D6AEA8
100.0%	100.0% #D3A49C	RVB 211 164 156	#D3A49C

#E6E5E5 #E2DAD8 #DFCFCC #DCC4C0 #D9B9B4 #D6AEA8 #D3A49C

#E6E5E5 - #D3A49C

Mélange HSV

#E6E5E5 - #D3A49C | 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 #E6E5E5 0% et #D3A49C 100%.

0.0%	0.0% #E6E5E5	RVB 230 229 229	#E6E5E5
16.7%	16.7% #E2D8D8	RVB 226 216 216	#E2D8D8
33.3%	33.3% #DFCCCB	RVB 223 204 203	#DFCCCB
50.0%	50.0% #DCC1BF	RVB 220 193 191	#DCC1BF
66.7%	66.7% #D9B6B3	RVB 217 182 179	#D9B6B3
83.3%	83.3% #D6ADA7	RVB 214 173 167	#D6ADA7
100.0%	100.0% #D3A49C	RVB 211 164 156	#D3A49C

#E6E5E5 #E2D8D8 #DFCCCB #DCC1BF #D9B6B3 #D6ADA7 #D3A49C

#E6E5E5 - #DCC1BF - #D3A49C

Codes CSS

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

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