#5B2D30 - #C18B5E | 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 #5B2D30 à #C18B5E

#5B2D30 #C18B5E

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

#5B2D30 - #C18B5E | 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 #5B2D30 0% et #C18B5E 100%.

0.0%	0.0% #5B2D30	RVB 91 45 48	#5B2D30
16.7%	16.7% #6C3C37	RVB 108 60 55	#6C3C37
33.3%	33.3% #7D4C3F	RVB 125 76 63	#7D4C3F
50.0%	50.0% #8E5C47	RVB 142 92 71	#8E5C47
66.7%	66.7% #9F6B4E	RVB 159 107 78	#9F6B4E
83.3%	83.3% #B07B56	RVB 176 123 86	#B07B56
100.0%	100.0% #C18B5E	RVB 193 139 94	#C18B5E

#5B2D30 #6C3C37 #7D4C3F #8E5C47 #9F6B4E #B07B56 #C18B5E

#5B2D30 - #C18B5E

Mélange HSV

#5B2D30 - #C18B5E | 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 #5B2D30 0% et #C18B5E 100%.

0.0%	0.0% #5B2D30	RVB 91 45 48	#5B2D30
16.7%	16.7% #6C3635	RVB 108 54 53	#6C3635
33.3%	33.3% #7D443D	RVB 125 68 61	#7D443D
50.0%	50.0% #8E5345	RVB 142 83 69	#8E5345
66.7%	66.7% #9F644D	RVB 159 100 77	#9F644D
83.3%	83.3% #B07755	RVB 176 119 85	#B07755
100.0%	100.0% #C18B5E	RVB 193 139 94	#C18B5E

#5B2D30 #6C3635 #7D443D #8E5345 #9F644D #B07755 #C18B5E

#5B2D30 - #8E5345 - #C18B5E

Codes CSS

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

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