#E5E2DA - #C4AD8D | 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 #E5E2DA à #C4AD8D

#E5E2DA #C4AD8D

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

#E5E2DA - #C4AD8D | 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 #E5E2DA 0% et #C4AD8D 100%.

0.0%	0.0% #E5E2DA	RVB 229 226 218	#E5E2DA
16.7%	16.7% #DFD9CD	RVB 223 217 205	#DFD9CD
33.3%	33.3% #DAD0C0	RVB 218 208 192	#DAD0C0
50.0%	50.0% #D4C7B3	RVB 212 199 179	#D4C7B3
66.7%	66.7% #CFBEA6	RVB 207 190 166	#CFBEA6
83.3%	83.3% #C9B599	RVB 201 181 153	#C9B599
100.0%	100.0% #C4AD8D	RVB 196 173 141	#C4AD8D

#E5E2DA #DFD9CD #DAD0C0 #D4C7B3 #CFBEA6 #C9B599 #C4AD8D

#E5E2DA - #C4AD8D

Mélange HSV

#E5E2DA - #C4AD8D | 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 #E5E2DA 0% et #C4AD8D 100%.

0.0%	0.0% #E5E2DA	RVB 229 226 218	#E5E2DA
16.7%	16.7% #DFD9CC	RVB 223 217 204	#DFD9CC
33.3%	33.3% #DAD1BE	RVB 218 209 190	#DAD1BE
50.0%	50.0% #D4C8B1	RVB 212 200 177	#D4C8B1
66.7%	66.7% #CFBFA4	RVB 207 191 164	#CFBFA4
83.3%	83.3% #C9B698	RVB 201 182 152	#C9B698
100.0%	100.0% #C4AD8D	RVB 196 173 141	#C4AD8D

#E5E2DA #DFD9CC #DAD1BE #D4C8B1 #CFBFA4 #C9B698 #C4AD8D

#E5E2DA - #D4C8B1 - #C4AD8D

Codes CSS

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

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