#AAA9A7 - #E6E5E5 | 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 #AAA9A7 à #E6E5E5

#AAA9A7 #E6E5E5

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

#AAA9A7 - #E6E5E5 | 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 #AAA9A7 0% et #E6E5E5 100%.

0.0%	0.0% #AAA9A7	RVB 170 169 167	#AAA9A7
16.7%	16.7% #B4B3B1	RVB 180 179 177	#B4B3B1
33.3%	33.3% #BEBDBB	RVB 190 189 187	#BEBDBB
50.0%	50.0% #C8C7C6	RVB 200 199 198	#C8C7C6
66.7%	66.7% #D2D1D0	RVB 210 209 208	#D2D1D0
83.3%	83.3% #DCDBDA	RVB 220 219 218	#DCDBDA
100.0%	100.0% #E6E5E5	RVB 230 229 229	#E6E5E5

#AAA9A7 #B4B3B1 #BEBDBB #C8C7C6 #D2D1D0 #DCDBDA #E6E5E5

#AAA9A7 - #E6E5E5

Mélange HSV

#AAA9A7 - #E6E5E5 | 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 #AAA9A7 0% et #E6E5E5 100%.

0.0%	0.0% #AAA9A7	RVB 170 169 167	#AAA9A7
16.7%	16.7% #B4B2B1	RVB 180 178 177	#B4B2B1
33.3%	33.3% #BEBCBB	RVB 190 188 187	#BEBCBB
50.0%	50.0% #C8C6C5	RVB 200 198 197	#C8C6C5
66.7%	66.7% #D2D0D0	RVB 210 208 208	#D2D0D0
83.3%	83.3% #DCDADA	RVB 220 218 218	#DCDADA
100.0%	100.0% #E6E5E5	RVB 230 229 229	#E6E5E5

#AAA9A7 #B4B2B1 #BEBCBB #C8C6C5 #D2D0D0 #DCDADA #E6E5E5

#AAA9A7 - #C8C6C5 - #E6E5E5

Codes CSS

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

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