#A8A2B6 - #E5E4EA | 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 #A8A2B6 à #E5E4EA

#A8A2B6 #E5E4EA

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

#A8A2B6 - #E5E4EA | 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 #A8A2B6 0% et #E5E4EA 100%.

0.0%	0.0% #A8A2B6	RVB 168 162 182	#A8A2B6
16.7%	16.7% #B2ADBE	RVB 178 173 190	#B2ADBE
33.3%	33.3% #BCB8C7	RVB 188 184 199	#BCB8C7
50.0%	50.0% #C6C3D0	RVB 198 195 208	#C6C3D0
66.7%	66.7% #D0CED8	RVB 208 206 216	#D0CED8
83.3%	83.3% #DAD9E1	RVB 218 217 225	#DAD9E1
100.0%	100.0% #E5E4EA	RVB 229 228 234	#E5E4EA

#A8A2B6 #B2ADBE #BCB8C7 #C6C3D0 #D0CED8 #DAD9E1 #E5E4EA

#A8A2B6 - #E5E4EA

Mélange HSV

#A8A2B6 - #E5E4EA | 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 #A8A2B6 0% et #E5E4EA 100%.

0.0%	0.0% #A8A2B6	RVB 168 162 182	#A8A2B6
16.7%	16.7% #B1ACBE	RVB 177 172 190	#B1ACBE
33.3%	33.3% #BBB7C7	RVB 187 183 199	#BBB7C7
50.0%	50.0% #C5C1D0	RVB 197 193 208	#C5C1D0
66.7%	66.7% #CFCDD8	RVB 207 205 216	#CFCDD8
83.3%	83.3% #DAD8E1	RVB 218 216 225	#DAD8E1
100.0%	100.0% #E5E4EA	RVB 229 228 234	#E5E4EA

#A8A2B6 #B1ACBE #BBB7C7 #C5C1D0 #CFCDD8 #DAD8E1 #E5E4EA

#A8A2B6 - #C5C1D0 - #E5E4EA

Codes CSS

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

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