#5E3C11 - #B06C73 | 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 #5E3C11 à #B06C73

#5E3C11 #B06C73

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

#5E3C11 - #B06C73 | 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 #5E3C11 0% et #B06C73 100%.

0.0%	0.0% #5E3C11	RVB 94 60 17	#5E3C11
16.7%	16.7% #6B4421	RVB 107 68 33	#6B4421
33.3%	33.3% #794C31	RVB 121 76 49	#794C31
50.0%	50.0% #875442	RVB 135 84 66	#875442
66.7%	66.7% #945C52	RVB 148 92 82	#945C52
83.3%	83.3% #A26462	RVB 162 100 98	#A26462
100.0%	100.0% #B06C73	RVB 176 108 115	#B06C73

#5E3C11 #6B4421 #794C31 #875442 #945C52 #A26462 #B06C73

#5E3C11 - #B06C73

Mélange HSV

#5E3C11 - #B06C73 | 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 #5E3C11 0% et #B06C73 100%.

0.0%	0.0% #5E3C10	RVB 94 60 16	#5E3C10
16.7%	16.7% #6B3F1B	RVB 107 63 27	#6B3F1B
33.3%	33.3% #794327	RVB 121 67 39	#794327
50.0%	50.0% #874835	RVB 135 72 53	#874835
66.7%	66.7% #944F45	RVB 148 79 69	#944F45
83.3%	83.3% #A25857	RVB 162 88 87	#A25857
100.0%	100.0% #B06C73	RVB 176 108 115	#B06C73

#5E3C10 #6B3F1B #794327 #874835 #944F45 #A25857 #B06C73

#5E3C11 - #874835 - #B06C73

Codes CSS

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

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