#8C5E5E - #661521 | 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 #8C5E5E à #661521

#8C5E5E #661521

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

#8C5E5E - #661521 | 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 #8C5E5E 0% et #661521 100%.

0.0%	0.0% #8C5E5E	RVB 140 94 94	#8C5E5E
16.7%	16.7% #855153	RVB 133 81 83	#855153
33.3%	33.3% #7F4549	RVB 127 69 73	#7F4549
50.0%	50.0% #79393F	RVB 121 57 63	#79393F
66.7%	66.7% #722D35	RVB 114 45 53	#722D35
83.3%	83.3% #6C212B	RVB 108 33 43	#6C212B
100.0%	100.0% #661521	RVB 102 21 33	#661521

#8C5E5E #855153 #7F4549 #79393F #722D35 #6C212B #661521

#8C5E5E - #661521

Mélange HSV

#8C5E5E - #661521 | 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 #8C5E5E 0% et #661521 100%.

0.0%	0.0% #8C5E5E	RVB 140 94 94	#8C5E5E
16.7%	16.7% #854F50	RVB 133 79 80	#854F50
33.3%	33.3% #7F4144	RVB 127 65 68	#7F4144
50.0%	50.0% #79353A	RVB 121 53 58	#79353A
66.7%	66.7% #722930	RVB 114 41 48	#722930
83.3%	83.3% #6C1E28	RVB 108 30 40	#6C1E28
100.0%	100.0% #661521	RVB 102 21 33	#661521

#8C5E5E #854F50 #7F4144 #79353A #722930 #6C1E28 #661521

#8C5E5E - #79353A - #661521

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C5E5E 0%, #79353A 50%, #661521 100%);
    background: -webkit-linear-gradient(top, #8C5E5E 0%, #79353A 50%, #661521 100%);
    background: linear-gradient(to bottom, #8C5E5E 0%, #79353A 50%, #661521 100%);
}
</style>