#5E3E3E - #C88668 | 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 #5E3E3E à #C88668

#5E3E3E #C88668

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

#5E3E3E - #C88668 | 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 #5E3E3E 0% et #C88668 100%.

0.0%	0.0% #5E3E3E	RVB 94 62 62	#5E3E3E
16.7%	16.7% #6F4A45	RVB 111 74 69	#6F4A45
33.3%	33.3% #81564C	RVB 129 86 76	#81564C
50.0%	50.0% #936253	RVB 147 98 83	#936253
66.7%	66.7% #A46E5A	RVB 164 110 90	#A46E5A
83.3%	83.3% #B67A61	RVB 182 122 97	#B67A61
100.0%	100.0% #C88668	RVB 200 134 104	#C88668

#5E3E3E #6F4A45 #81564C #936253 #A46E5A #B67A61 #C88668

#5E3E3E - #C88668

Mélange HSV

#5E3E3E - #C88668 | 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 #5E3E3E 0% et #C88668 100%.

0.0%	0.0% #5E3E3E	RVB 94 62 62	#5E3E3E
16.7%	16.7% #6F4947	RVB 111 73 71	#6F4947
33.3%	33.3% #81544F	RVB 129 84 79	#81544F
50.0%	50.0% #936056	RVB 147 96 86	#936056
66.7%	66.7% #A46C5D	RVB 164 108 93	#A46C5D
83.3%	83.3% #B67863	RVB 182 120 99	#B67863
100.0%	100.0% #C88668	RVB 200 134 104	#C88668

#5E3E3E #6F4947 #81544F #936056 #A46C5D #B67863 #C88668

#5E3E3E - #936056 - #C88668

Codes CSS

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

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