#5C5E5E - #182A14 | 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 #5C5E5E à #182A14

#5C5E5E #182A14

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

#5C5E5E - #182A14 | 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 #5C5E5E 0% et #182A14 100%.

0.0%	0.0% #5C5E5E	RVB 92 94 94	#5C5E5E
16.7%	16.7% #505551	RVB 80 85 81	#505551
33.3%	33.3% #454C45	RVB 69 76 69	#454C45
50.0%	50.0% #3A4439	RVB 58 68 57	#3A4439
66.7%	66.7% #2E3B2C	RVB 46 59 44	#2E3B2C
83.3%	83.3% #233220	RVB 35 50 32	#233220
100.0%	100.0% #182A14	RVB 24 42 20	#182A14

#5C5E5E #505551 #454C45 #3A4439 #2E3B2C #233220 #182A14

#5C5E5E - #182A14

Mélange HSV

#5C5E5E - #182A14 | 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 #5C5E5E 0% et #182A14 100%.

0.0%	0.0% #5C5E5E	RVB 92 94 94	#5C5E5E
16.7%	16.7% #4C5553	RVB 76 85 83	#4C5553
33.3%	33.3% #3E4C46	RVB 62 76 70	#3E4C46
50.0%	50.0% #314439	RVB 49 68 57	#314439
66.7%	66.7% #263B2A	RVB 38 59 42	#263B2A
83.3%	83.3% #1C321C	RVB 28 50 28	#1C321C
100.0%	100.0% #182A14	RVB 24 42 20	#182A14

#5C5E5E #4C5553 #3E4C46 #314439 #263B2A #1C321C #182A14

#5C5E5E - #314439 - #182A14

Codes CSS

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

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