#5E3E48 - #371310 | 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 #5E3E48 à #371310

#5E3E48 #371310

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

#5E3E48 - #371310 | 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 #5E3E48 0% et #371310 100%.

0.0%	0.0% #5E3E48	RVB 94 62 72	#5E3E48
16.7%	16.7% #57363E	RVB 87 54 62	#57363E
33.3%	33.3% #512F35	RVB 81 47 53	#512F35
50.0%	50.0% #4A282C	RVB 74 40 44	#4A282C
66.7%	66.7% #442122	RVB 68 33 34	#442122
83.3%	83.3% #3D1A19	RVB 61 26 25	#3D1A19
100.0%	100.0% #371310	RVB 55 19 16	#371310

#5E3E48 #57363E #512F35 #4A282C #442122 #3D1A19 #371310

#5E3E48 - #371310

Mélange HSV

#5E3E48 - #371310 | 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 #5E3E48 0% et #371310 100%.

0.0%	0.0% #5E3E48	RVB 94 62 72	#5E3E48
16.7%	16.7% #57343D	RVB 87 52 61	#57343D
33.3%	33.3% #512B32	RVB 81 43 50	#512B32
50.0%	50.0% #4A2328	RVB 74 35 40	#4A2328
66.7%	66.7% #441C1E	RVB 68 28 30	#441C1E
83.3%	83.3% #3D1615	RVB 61 22 21	#3D1615
100.0%	100.0% #371310	RVB 55 19 16	#371310

#5E3E48 #57343D #512B32 #4A2328 #441C1E #3D1615 #371310

#5E3E48 - #4A2328 - #371310

Codes CSS

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

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