#7C5E5E - #E8AB85 | 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 #7C5E5E à #E8AB85

#7C5E5E #E8AB85

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

#7C5E5E - #E8AB85 | 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 #7C5E5E 0% et #E8AB85 100%.

0.0%	0.0% #7C5E5E	RVB 124 94 94	#7C5E5E
16.7%	16.7% #8E6A64	RVB 142 106 100	#8E6A64
33.3%	33.3% #A0776B	RVB 160 119 107	#A0776B
50.0%	50.0% #B28471	RVB 178 132 113	#B28471
66.7%	66.7% #C49178	RVB 196 145 120	#C49178
83.3%	83.3% #D69E7E	RVB 214 158 126	#D69E7E
100.0%	100.0% #E8AB85	RVB 232 171 133	#E8AB85

#7C5E5E #8E6A64 #A0776B #B28471 #C49178 #D69E7E #E8AB85

#7C5E5E - #E8AB85

Mélange HSV

#7C5E5E - #E8AB85 | 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 #7C5E5E 0% et #E8AB85 100%.

0.0%	0.0% #7C5E5E	RVB 124 94 94	#7C5E5E
16.7%	16.7% #8E6967	RVB 142 105 103	#8E6967
33.3%	33.3% #A0756F	RVB 160 117 111	#A0756F
50.0%	50.0% #B28176	RVB 178 129 118	#B28176
66.7%	66.7% #C48E7C	RVB 196 142 124	#C48E7C
83.3%	83.3% #D69C81	RVB 214 156 129	#D69C81
100.0%	100.0% #E8AB85	RVB 232 171 133	#E8AB85

#7C5E5E #8E6967 #A0756F #B28176 #C48E7C #D69C81 #E8AB85

#7C5E5E - #B28176 - #E8AB85

Codes CSS

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

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