#5E5E5C - #283114 | 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 #5E5E5C à #283114

#5E5E5C #283114

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

#5E5E5C - #283114 | 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 #5E5E5C 0% et #283114 100%.

0.0%	0.0% #5E5E5C	RVB 94 94 92	#5E5E5C
16.7%	16.7% #555650	RVB 85 86 80	#555650
33.3%	33.3% #4C4F44	RVB 76 79 68	#4C4F44
50.0%	50.0% #434738	RVB 67 71 56	#434738
66.7%	66.7% #3A402C	RVB 58 64 44	#3A402C
83.3%	83.3% #313820	RVB 49 56 32	#313820
100.0%	100.0% #283114	RVB 40 49 20	#283114

#5E5E5C #555650 #4C4F44 #434738 #3A402C #313820 #283114

#5E5E5C - #283114

Mélange HSV

#5E5E5C - #283114 | 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 #5E5E5C 0% et #283114 100%.

0.0%	0.0% #5E5E5C	RVB 94 94 92	#5E5E5C
16.7%	16.7% #55564C	RVB 85 86 76	#55564C
33.3%	33.3% #4D4F3E	RVB 77 79 62	#4D4F3E
50.0%	50.0% #444731	RVB 68 71 49	#444731
66.7%	66.7% #3A4026	RVB 58 64 38	#3A4026
83.3%	83.3% #31381C	RVB 49 56 28	#31381C
100.0%	100.0% #283114	RVB 40 49 20	#283114

#5E5E5C #55564C #4D4F3E #444731 #3A4026 #31381C #283114

#5E5E5C - #444731 - #283114

Codes CSS

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

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