#5E242D - #BD5E45 | 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 #5E242D à #BD5E45

#5E242D #BD5E45

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

#5E242D - #BD5E45 | 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 #5E242D 0% et #BD5E45 100%.

0.0%	0.0% #5E242D	RVB 94 36 45	#5E242D
16.7%	16.7% #6D2D31	RVB 109 45 49	#6D2D31
33.3%	33.3% #7D3735	RVB 125 55 53	#7D3735
50.0%	50.0% #8D4139	RVB 141 65 57	#8D4139
66.7%	66.7% #9D4A3D	RVB 157 74 61	#9D4A3D
83.3%	83.3% #AD5441	RVB 173 84 65	#AD5441
100.0%	100.0% #BD5E45	RVB 189 94 69	#BD5E45

#5E242D #6D2D31 #7D3735 #8D4139 #9D4A3D #AD5441 #BD5E45

#5E242D - #BD5E45

Mélange HSV

#5E242D - #BD5E45 | 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 #5E242D 0% et #BD5E45 100%.

0.0%	0.0% #5E242C	RVB 94 36 44	#5E242C
16.7%	16.7% #6D2930	RVB 109 41 48	#6D2930
33.3%	33.3% #7D2F32	RVB 125 47 50	#7D2F32
50.0%	50.0% #8D3734	RVB 141 55 52	#8D3734
66.7%	66.7% #9D433A	RVB 157 67 58	#9D433A
83.3%	83.3% #AD4F3F	RVB 173 79 63	#AD4F3F
100.0%	100.0% #BD5E45	RVB 189 94 69	#BD5E45

#5E242C #6D2930 #7D2F32 #8D3734 #9D433A #AD4F3F #BD5E45

#5E242D - #8D3734 - #BD5E45

Codes CSS

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

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