#3D3232 - #8C5E7C | 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 #3D3232 à #8C5E7C

#3D3232 #8C5E7C

Calculez la couleur entre deux couleurs, #3D3232 et #8C5E7C. 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)

#3D3232 - #8C5E7C | 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 #3D3232 0% et #8C5E7C 100%.

0.0%	0.0% #3D3232	RVB 61 50 50	#3D3232
16.7%	16.7% #4A393E	RVB 74 57 62	#4A393E
33.3%	33.3% #57404A	RVB 87 64 74	#57404A
50.0%	50.0% #644857	RVB 100 72 87	#644857
66.7%	66.7% #714F63	RVB 113 79 99	#714F63
83.3%	83.3% #7E566F	RVB 126 86 111	#7E566F
100.0%	100.0% #8C5E7C	RVB 140 94 124	#8C5E7C

#3D3232 #4A393E #57404A #644857 #714F63 #7E566F #8C5E7C

#3D3232 - #8C5E7C

Mélange HSV

#3D3232 - #8C5E7C | 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 #3D3232 0% et #8C5E7C 100%.

0.0%	0.0% #3D3232	RVB 61 50 50	#3D3232
16.7%	16.7% #4A3A3C	RVB 74 58 60	#4A3A3C
33.3%	33.3% #574347	RVB 87 67 71	#574347
50.0%	50.0% #644A53	RVB 100 74 83	#644A53
66.7%	66.7% #71515F	RVB 113 81 95	#71515F
83.3%	83.3% #7E586D	RVB 126 88 109	#7E586D
100.0%	100.0% #8C5E7C	RVB 140 94 124	#8C5E7C

#3D3232 #4A3A3C #574347 #644A53 #71515F #7E586D #8C5E7C

#3D3232 - #644A53 - #8C5E7C

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D3232 0%, #644A53 50%, #8C5E7C 100%);
    background: -webkit-linear-gradient(top, #3D3232 0%, #644A53 50%, #8C5E7C 100%);
    background: linear-gradient(to bottom, #3D3232 0%, #644A53 50%, #8C5E7C 100%);
}
</style>