#9D9E95 - #E3E3E0 | 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 #9D9E95 à #E3E3E0

#9D9E95 #E3E3E0

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

#9D9E95 - #E3E3E0 | 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 #9D9E95 0% et #E3E3E0 100%.

0.0%	0.0% #9D9E95	RVB 157 158 149	#9D9E95
16.7%	16.7% #A8A9A1	RVB 168 169 161	#A8A9A1
33.3%	33.3% #B4B5AE	RVB 180 181 174	#B4B5AE
50.0%	50.0% #C0C0BA	RVB 192 192 186	#C0C0BA
66.7%	66.7% #CBCCC7	RVB 203 204 199	#CBCCC7
83.3%	83.3% #D7D7D3	RVB 215 215 211	#D7D7D3
100.0%	100.0% #E3E3E0	RVB 227 227 224	#E3E3E0

#9D9E95 #A8A9A1 #B4B5AE #C0C0BA #CBCCC7 #D7D7D3 #E3E3E0

#9D9E95 - #E3E3E0

Mélange HSV

#9D9E95 - #E3E3E0 | 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 #9D9E95 0% et #E3E3E0 100%.

0.0%	0.0% #9D9E95	RVB 157 158 149	#9D9E95
16.7%	16.7% #A8A9A1	RVB 168 169 161	#A8A9A1
33.3%	33.3% #B4B5AD	RVB 180 181 173	#B4B5AD
50.0%	50.0% #C0C0B9	RVB 192 192 185	#C0C0B9
66.7%	66.7% #CBCCC6	RVB 203 204 198	#CBCCC6
83.3%	83.3% #D7D7D3	RVB 215 215 211	#D7D7D3
100.0%	100.0% #E3E3E0	RVB 227 227 224	#E3E3E0

#9D9E95 #A8A9A1 #B4B5AD #C0C0B9 #CBCCC6 #D7D7D3 #E3E3E0

#9D9E95 - #C0C0B9 - #E3E3E0

Codes CSS

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

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