#5E3C2D - #451C05 | 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 #5E3C2D à #451C05

#5E3C2D #451C05

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

#5E3C2D - #451C05 | 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 #5E3C2D 0% et #451C05 100%.

0.0%	0.0% #5E3C2D	RVB 94 60 45	#5E3C2D
16.7%	16.7% #593626	RVB 89 54 38	#593626
33.3%	33.3% #55311F	RVB 85 49 31	#55311F
50.0%	50.0% #512C19	RVB 81 44 25	#512C19
66.7%	66.7% #4D2612	RVB 77 38 18	#4D2612
83.3%	83.3% #49210B	RVB 73 33 11	#49210B
100.0%	100.0% #451C05	RVB 69 28 5	#451C05

#5E3C2D #593626 #55311F #512C19 #4D2612 #49210B #451C05

#5E3C2D - #451C05

Mélange HSV

#5E3C2D - #451C05 | 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 #5E3C2D 0% et #451C05 100%.

0.0%	0.0% #5E3C2D	RVB 94 60 45	#5E3C2D
16.7%	16.7% #593524	RVB 89 53 36	#593524
33.3%	33.3% #552F1D	RVB 85 47 29	#552F1D
50.0%	50.0% #512A16	RVB 81 42 22	#512A16
66.7%	66.7% #4D2510	RVB 77 37 16	#4D2510
83.3%	83.3% #49200A	RVB 73 32 10	#49200A
100.0%	100.0% #451C05	RVB 69 28 5	#451C05

#5E3C2D #593524 #552F1D #512A16 #4D2510 #49200A #451C05

#5E3C2D - #512A16 - #451C05

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3C2D 0%, #512A16 50%, #451C05 100%);
    background: -webkit-linear-gradient(top, #5E3C2D 0%, #512A16 50%, #451C05 100%);
    background: linear-gradient(to bottom, #5E3C2D 0%, #512A16 50%, #451C05 100%);
}
</style>