#E5E4DF - #ACA98D | 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 #E5E4DF à #ACA98D

#E5E4DF #ACA98D

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

#E5E4DF - #ACA98D | 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 #E5E4DF 0% et #ACA98D 100%.

0.0%	0.0% #E5E4DF	RVB 229 228 223	#E5E4DF
16.7%	16.7% #DBDAD1	RVB 219 218 209	#DBDAD1
33.3%	33.3% #D2D0C3	RVB 210 208 195	#D2D0C3
50.0%	50.0% #C8C6B6	RVB 200 198 182	#C8C6B6
66.7%	66.7% #BFBCA8	RVB 191 188 168	#BFBCA8
83.3%	83.3% #B5B29A	RVB 181 178 154	#B5B29A
100.0%	100.0% #ACA98D	RVB 172 169 141	#ACA98D

#E5E4DF #DBDAD1 #D2D0C3 #C8C6B6 #BFBCA8 #B5B29A #ACA98D

#E5E4DF - #ACA98D

Mélange HSV

#E5E4DF - #ACA98D | 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 #E5E4DF 0% et #ACA98D 100%.

0.0%	0.0% #E5E4DF	RVB 229 228 223	#E5E4DF
16.7%	16.7% #DBD9D0	RVB 219 217 208	#DBD9D0
33.3%	33.3% #D2CFC1	RVB 210 207 193	#D2CFC1
50.0%	50.0% #C8C5B3	RVB 200 197 179	#C8C5B3
66.7%	66.7% #BFBCA6	RVB 191 188 166	#BFBCA6
83.3%	83.3% #B5B299	RVB 181 178 153	#B5B299
100.0%	100.0% #ACA98D	RVB 172 169 141	#ACA98D

#E5E4DF #DBD9D0 #D2CFC1 #C8C5B3 #BFBCA6 #B5B299 #ACA98D

#E5E4DF - #C8C5B3 - #ACA98D

Codes CSS

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

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