#A1A19E - #FCD9AE | 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 #A1A19E à #FCD9AE

#A1A19E #FCD9AE

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

#A1A19E - #FCD9AE | 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 #A1A19E 0% et #FCD9AE 100%.

0.0%	0.0% #A1A19E	RVB 161 161 158	#A1A19E
16.7%	16.7% #B0AAA0	RVB 176 170 160	#B0AAA0
33.3%	33.3% #BFB3A3	RVB 191 179 163	#BFB3A3
50.0%	50.0% #CEBDA6	RVB 206 189 166	#CEBDA6
66.7%	66.7% #DDC6A8	RVB 221 198 168	#DDC6A8
83.3%	83.3% #ECCFAB	RVB 236 207 171	#ECCFAB
100.0%	100.0% #FCD9AE	RVB 252 217 174	#FCD9AE

#A1A19E #B0AAA0 #BFB3A3 #CEBDA6 #DDC6A8 #ECCFAB #FCD9AE

#A1A19E - #FCD9AE

Mélange HSV

#A1A19E - #FCD9AE | 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 #A1A19E 0% et #FCD9AE 100%.

0.0%	0.0% #A1A19E	RVB 161 161 158	#A1A19E
16.7%	16.7% #B0AFA4	RVB 176 175 164	#B0AFA4
33.3%	33.3% #BFBCA9	RVB 191 188 169	#BFBCA9
50.0%	50.0% #CEC6AC	RVB 206 198 172	#CEC6AC
66.7%	66.7% #DDCFAE	RVB 221 207 174	#DDCFAE
83.3%	83.3% #ECD5AF	RVB 236 213 175	#ECD5AF
100.0%	100.0% #FCD9AE	RVB 252 217 174	#FCD9AE

#A1A19E #B0AFA4 #BFBCA9 #CEC6AC #DDCFAE #ECD5AF #FCD9AE

#A1A19E - #CEC6AC - #FCD9AE

Codes CSS

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

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