#5E252B - #BD5E42 | 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 #5E252B à #BD5E42

#5E252B #BD5E42

Calculez la couleur entre deux couleurs, #5E252B et #BD5E42. 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)

#5E252B - #BD5E42 | 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 #5E252B 0% et #BD5E42 100%.

0.0%	0.0% #5E252B	RVB 94 37 43	#5E252B
16.7%	16.7% #6D2E2E	RVB 109 46 46	#6D2E2E
33.3%	33.3% #7D3832	RVB 125 56 50	#7D3832
50.0%	50.0% #8D4136	RVB 141 65 54	#8D4136
66.7%	66.7% #9D4B3A	RVB 157 75 58	#9D4B3A
83.3%	83.3% #AD543E	RVB 173 84 62	#AD543E
100.0%	100.0% #BD5E42	RVB 189 94 66	#BD5E42

#5E252B #6D2E2E #7D3832 #8D4136 #9D4B3A #AD543E #BD5E42

#5E252B - #BD5E42

Mélange HSV

#5E252B - #BD5E42 | 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 #5E252B 0% et #BD5E42 100%.

0.0%	0.0% #5E252B	RVB 94 37 43	#5E252B
16.7%	16.7% #6D2A2D	RVB 109 42 45	#6D2A2D
33.3%	33.3% #7D302F	RVB 125 48 47	#7D302F
50.0%	50.0% #8D3934	RVB 141 57 52	#8D3934
66.7%	66.7% #9D4439	RVB 157 68 57	#9D4439
83.3%	83.3% #AD503D	RVB 173 80 61	#AD503D
100.0%	100.0% #BD5E42	RVB 189 94 66	#BD5E42

#5E252B #6D2A2D #7D302F #8D3934 #9D4439 #AD503D #BD5E42

#5E252B - #8D3934 - #BD5E42

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E252B 0%, #8D3934 50%, #BD5E42 100%);
    background: -webkit-linear-gradient(top, #5E252B 0%, #8D3934 50%, #BD5E42 100%);
    background: linear-gradient(to bottom, #5E252B 0%, #8D3934 50%, #BD5E42 100%);
}
</style>