#5E2D1C - #3D1505 | 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 #5E2D1C à #3D1505

#5E2D1C #3D1505

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

#5E2D1C - #3D1505 | 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 #5E2D1C 0% et #3D1505 100%.

0.0%	0.0% #5E2D1C	RVB 94 45 28	#5E2D1C
16.7%	16.7% #582918	RVB 88 41 24	#582918
33.3%	33.3% #532514	RVB 83 37 20	#532514
50.0%	50.0% #4D2110	RVB 77 33 16	#4D2110
66.7%	66.7% #481D0C	RVB 72 29 12	#481D0C
83.3%	83.3% #421908	RVB 66 25 8	#421908
100.0%	100.0% #3D1505	RVB 61 21 5	#3D1505

#5E2D1C #582918 #532514 #4D2110 #481D0C #421908 #3D1505

#5E2D1C - #3D1505

Mélange HSV

#5E2D1C - #3D1505 | 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 #5E2D1C 0% et #3D1505 100%.

0.0%	0.0% #5E2D1C	RVB 94 45 28	#5E2D1C
16.7%	16.7% #582817	RVB 88 40 23	#582817
33.3%	33.3% #532312	RVB 83 35 18	#532312
50.0%	50.0% #4D1F0E	RVB 77 31 14	#4D1F0E
66.7%	66.7% #481B0B	RVB 72 27 11	#481B0B
83.3%	83.3% #421807	RVB 66 24 7	#421807
100.0%	100.0% #3D1505	RVB 61 21 5	#3D1505

#5E2D1C #582817 #532312 #4D1F0E #481B0B #421807 #3D1505

#5E2D1C - #4D1F0E - #3D1505

Codes CSS

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

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