#9A8A8C - #813539 | 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 #9A8A8C à #813539

#9A8A8C #813539

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

#9A8A8C - #813539 | 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 #9A8A8C 0% et #813539 100%.

0.0%	0.0% #9A8A8C	RVB 154 138 140	#9A8A8C
16.7%	16.7% #957B7E	RVB 149 123 126	#957B7E
33.3%	33.3% #916D70	RVB 145 109 112	#916D70
50.0%	50.0% #8D5F62	RVB 141 95 98	#8D5F62
66.7%	66.7% #895154	RVB 137 81 84	#895154
83.3%	83.3% #854346	RVB 133 67 70	#854346
100.0%	100.0% #813539	RVB 129 53 57	#813539

#9A8A8C #957B7E #916D70 #8D5F62 #895154 #854346 #813539

#9A8A8C - #813539

Mélange HSV

#9A8A8C - #813539 | 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 #9A8A8C 0% et #813539 100%.

0.0%	0.0% #9A8A8C	RVB 154 138 140	#9A8A8C
16.7%	16.7% #957A7D	RVB 149 122 125	#957A7D
33.3%	33.3% #916A6E	RVB 145 106 110	#916A6E
50.0%	50.0% #8D5C60	RVB 141 92 96	#8D5C60
66.7%	66.7% #894E53	RVB 137 78 83	#894E53
83.3%	83.3% #854145	RVB 133 65 69	#854145
100.0%	100.0% #813539	RVB 129 53 57	#813539

#9A8A8C #957A7D #916A6E #8D5C60 #894E53 #854145 #813539

#9A8A8C - #8D5C60 - #813539

Codes CSS

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

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