#BC8F8F - #A0433A | 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 #BC8F8F à #A0433A

#BC8F8F #A0433A

Calculez la couleur entre deux couleurs, #BC8F8F et #A0433A. 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)

#BC8F8F - #A0433A | 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 #BC8F8F 0% et #A0433A 100%.

0.0%	0.0% #BC8F8F	RVB 188 143 143	#BC8F8F
16.7%	16.7% #B78280	RVB 183 130 128	#B78280
33.3%	33.3% #B27572	RVB 178 117 114	#B27572
50.0%	50.0% #AE6964	RVB 174 105 100	#AE6964
66.7%	66.7% #A95C56	RVB 169 92 86	#A95C56
83.3%	83.3% #A44F48	RVB 164 79 72	#A44F48
100.0%	100.0% #A0433A	RVB 160 67 58	#A0433A

#BC8F8F #B78280 #B27572 #AE6964 #A95C56 #A44F48 #A0433A

#BC8F8F - #A0433A

Mélange HSV

#BC8F8F - #A0433A | 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 #BC8F8F 0% et #A0433A 100%.

0.0%	0.0% #BC8F8F	RVB 188 143 143	#BC8F8F
16.7%	16.7% #B7807F	RVB 183 128 127	#B7807F
33.3%	33.3% #B27270	RVB 178 114 112	#B27270
50.0%	50.0% #AE6561	RVB 174 101 97	#AE6561
66.7%	66.7% #A95853	RVB 169 88 83	#A95853
83.3%	83.3% #A44D46	RVB 164 77 70	#A44D46
100.0%	100.0% #A0433A	RVB 160 67 58	#A0433A

#BC8F8F #B7807F #B27270 #AE6561 #A95853 #A44D46 #A0433A

#BC8F8F - #AE6561 - #A0433A

Codes CSS

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

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