#A0ACAA - #E3E7E6 | 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 #A0ACAA à #E3E7E6

#A0ACAA #E3E7E6

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

#A0ACAA - #E3E7E6 | 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 #A0ACAA 0% et #E3E7E6 100%.

0.0%	0.0% #A0ACAA	RVB 160 172 170	#A0ACAA
16.7%	16.7% #ABB5B4	RVB 171 181 180	#ABB5B4
33.3%	33.3% #B6BFBE	RVB 182 191 190	#B6BFBE
50.0%	50.0% #C1C9C8	RVB 193 201 200	#C1C9C8
66.7%	66.7% #CCD3D2	RVB 204 211 210	#CCD3D2
83.3%	83.3% #D7DDDC	RVB 215 221 220	#D7DDDC
100.0%	100.0% #E3E7E6	RVB 227 231 230	#E3E7E6

#A0ACAA #ABB5B4 #B6BFBE #C1C9C8 #CCD3D2 #D7DDDC #E3E7E6

#A0ACAA - #E3E7E6

Mélange HSV

#A0ACAA - #E3E7E6 | 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 #A0ACAA 0% et #E3E7E6 100%.

0.0%	0.0% #A0ACAA	RVB 160 172 170	#A0ACAA
16.7%	16.7% #AAB5B3	RVB 170 181 179	#AAB5B3
33.3%	33.3% #B5BFBD	RVB 181 191 189	#B5BFBD
50.0%	50.0% #C0C9C7	RVB 192 201 199	#C0C9C7
66.7%	66.7% #CBD3D1	RVB 203 211 209	#CBD3D1
83.3%	83.3% #D7DDDB	RVB 215 221 219	#D7DDDB
100.0%	100.0% #E3E7E6	RVB 227 231 230	#E3E7E6

#A0ACAA #AAB5B3 #B5BFBD #C0C9C7 #CBD3D1 #D7DDDB #E3E7E6

#A0ACAA - #C0C9C7 - #E3E7E6

Codes CSS

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

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