#ACAF9F - #ECE3B8 | 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 #ACAF9F à #ECE3B8

#ACAF9F #ECE3B8

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

#ACAF9F - #ECE3B8 | 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 #ACAF9F 0% et #ECE3B8 100%.

0.0%	0.0% #ACAF9F	RVB 172 175 159	#ACAF9F
16.7%	16.7% #B6B7A3	RVB 182 183 163	#B6B7A3
33.3%	33.3% #C1C0A7	RVB 193 192 167	#C1C0A7
50.0%	50.0% #CCC9AB	RVB 204 201 171	#CCC9AB
66.7%	66.7% #D6D1AF	RVB 214 209 175	#D6D1AF
83.3%	83.3% #E1DAB3	RVB 225 218 179	#E1DAB3
100.0%	100.0% #ECE3B8	RVB 236 227 184	#ECE3B8

#ACAF9F #B6B7A3 #C1C0A7 #CCC9AB #D6D1AF #E1DAB3 #ECE3B8

#ACAF9F - #ECE3B8

Mélange HSV

#ACAF9F - #ECE3B8 | 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 #ACAF9F 0% et #ECE3B8 100%.

0.0%	0.0% #ACAF9F	RVB 172 175 159	#ACAF9F
16.7%	16.7% #B6B9A4	RVB 182 185 164	#B6B9A4
33.3%	33.3% #C1C3A9	RVB 193 195 169	#C1C3A9
50.0%	50.0% #CDCDAD	RVB 205 205 173	#CDCDAD
66.7%	66.7% #D7D5B1	RVB 215 213 177	#D7D5B1
83.3%	83.3% #E1DCB4	RVB 225 220 180	#E1DCB4
100.0%	100.0% #ECE3B8	RVB 236 227 184	#ECE3B8

#ACAF9F #B6B9A4 #C1C3A9 #CDCDAD #D7D5B1 #E1DCB4 #ECE3B8

#ACAF9F - #CDCDAD - #ECE3B8

Codes CSS

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

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