#5E3C3C - #C78465 | 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 #5E3C3C à #C78465

#5E3C3C #C78465

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

#5E3C3C - #C78465 | 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 #5E3C3C 0% et #C78465 100%.

0.0%	0.0% #5E3C3C	RVB 94 60 60	#5E3C3C
16.7%	16.7% #6F4842	RVB 111 72 66	#6F4842
33.3%	33.3% #815449	RVB 129 84 73	#815449
50.0%	50.0% #926050	RVB 146 96 80	#926050
66.7%	66.7% #A46C57	RVB 164 108 87	#A46C57
83.3%	83.3% #B5785E	RVB 181 120 94	#B5785E
100.0%	100.0% #C78465	RVB 199 132 101	#C78465

#5E3C3C #6F4842 #815449 #926050 #A46C57 #B5785E #C78465

#5E3C3C - #C78465

Mélange HSV

#5E3C3C - #C78465 | 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 #5E3C3C 0% et #C78465 100%.

0.0%	0.0% #5E3C3C	RVB 94 60 60	#5E3C3C
16.7%	16.7% #6F4644	RVB 111 70 68	#6F4644
33.3%	33.3% #81524C	RVB 129 82 76	#81524C
50.0%	50.0% #925D53	RVB 146 93 83	#925D53
66.7%	66.7% #A4695A	RVB 164 105 90	#A4695A
83.3%	83.3% #B57660	RVB 181 118 96	#B57660
100.0%	100.0% #C78465	RVB 199 132 101	#C78465

#5E3C3C #6F4644 #81524C #925D53 #A4695A #B57660 #C78465

#5E3C3C - #925D53 - #C78465

Codes CSS

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

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