#E5E7E7 - #9AA9A6 | 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 #E5E7E7 à #9AA9A6

#E5E7E7 #9AA9A6

Calculez la couleur entre deux couleurs, #E5E7E7 et #9AA9A6. 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)

#E5E7E7 - #9AA9A6 | 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 #E5E7E7 0% et #9AA9A6 100%.

0.0%	0.0% #E5E7E7	RVB 229 231 231	#E5E7E7
16.7%	16.7% #D8DCDC	RVB 216 220 220	#D8DCDC
33.3%	33.3% #CCD2D1	RVB 204 210 209	#CCD2D1
50.0%	50.0% #BFC8C6	RVB 191 200 198	#BFC8C6
66.7%	66.7% #B3BDBB	RVB 179 189 187	#B3BDBB
83.3%	83.3% #A6B3B0	RVB 166 179 176	#A6B3B0
100.0%	100.0% #9AA9A6	RVB 154 169 166	#9AA9A6

#E5E7E7 #D8DCDC #CCD2D1 #BFC8C6 #B3BDBB #A6B3B0 #9AA9A6

#E5E7E7 - #9AA9A6

Mélange HSV

#E5E7E7 - #9AA9A6 | 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 #E5E7E7 0% et #9AA9A6 100%.

0.0%	0.0% #E5E7E7	RVB 229 231 231	#E5E7E7
16.7%	16.7% #D7DCDC	RVB 215 220 220	#D7DCDC
33.3%	33.3% #CAD2D1	RVB 202 210 209	#CAD2D1
50.0%	50.0% #BEC8C7	RVB 190 200 199	#BEC8C7
66.7%	66.7% #B1BDBC	RVB 177 189 188	#B1BDBC
83.3%	83.3% #A5B3B1	RVB 165 179 177	#A5B3B1
100.0%	100.0% #9AA9A6	RVB 154 169 166	#9AA9A6

#E5E7E7 #D7DCDC #CAD2D1 #BEC8C7 #B1BDBC #A5B3B1 #9AA9A6

#E5E7E7 - #BEC8C7 - #9AA9A6

Codes CSS

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

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