#A1A2B4 - #DACFBD | 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 #A1A2B4 à #DACFBD

#A1A2B4 #DACFBD

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

#A1A2B4 - #DACFBD | 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 #A1A2B4 0% et #DACFBD 100%.

0.0%	0.0% #A1A2B4	RVB 161 162 180	#A1A2B4
16.7%	16.7% #AAA9B5	RVB 170 169 181	#AAA9B5
33.3%	33.3% #B4B1B7	RVB 180 177 183	#B4B1B7
50.0%	50.0% #BDB8B8	RVB 189 184 184	#BDB8B8
66.7%	66.7% #C7C0BA	RVB 199 192 186	#C7C0BA
83.3%	83.3% #D0C7BB	RVB 208 199 187	#D0C7BB
100.0%	100.0% #DACFBD	RVB 218 207 189	#DACFBD

#A1A2B4 #AAA9B5 #B4B1B7 #BDB8B8 #C7C0BA #D0C7BB #DACFBD

#A1A2B4 - #DACFBD

Mélange HSV

#A1A2B4 - #DACFBD | 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 #A1A2B4 0% et #DACFBD 100%.

0.0%	0.0% #A1A2B4	RVB 161 162 180	#A1A2B4
16.7%	16.7% #ADA5BA	RVB 173 165 186	#ADA5BA
33.3%	33.3% #BDAAC0	RVB 189 170 192	#BDAAC0
50.0%	50.0% #C7AFC0	RVB 199 175 192	#C7AFC0
66.7%	66.7% #CDB3BA	RVB 205 179 186	#CDB3BA
83.3%	83.3% #D3BDB8	RVB 211 189 184	#D3BDB8
100.0%	100.0% #DACFBD	RVB 218 207 189	#DACFBD

#A1A2B4 #ADA5BA #BDAAC0 #C7AFC0 #CDB3BA #D3BDB8 #DACFBD

#A1A2B4 - #C7AFC0 - #DACFBD

Codes CSS

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

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