#5C5E5E - #09392B | 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 à #09392B

#5C5E5E #09392B

Calculez la couleur entre deux couleurs, #5C5E5E et #09392B. 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 - #09392B | 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 #09392B 100%.

0.0%	0.0% #5C5E5E	RVB 92 94 94	#5C5E5E
16.7%	16.7% #4E5755	RVB 78 87 85	#4E5755
33.3%	33.3% #40514D	RVB 64 81 77	#40514D
50.0%	50.0% #324B44	RVB 50 75 68	#324B44
66.7%	66.7% #24453C	RVB 36 69 60	#24453C
83.3%	83.3% #163F33	RVB 22 63 51	#163F33
100.0%	100.0% #09392B	RVB 9 57 43	#09392B

#5C5E5E #4E5755 #40514D #324B44 #24453C #163F33 #09392B

#5C5E5E - #09392B

Mélange HSV

#5C5E5E - #09392B | 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 #09392B 100%.

0.0%	0.0% #5C5E5E	RVB 92 94 94	#5C5E5E
16.7%	16.7% #495757	RVB 73 87 87	#495757
33.3%	33.3% #39514F	RVB 57 81 79	#39514F
50.0%	50.0% #2A4B46	RVB 42 75 70	#2A4B46
66.7%	66.7% #1D453D	RVB 29 69 61	#1D453D
83.3%	83.3% #123F34	RVB 18 63 52	#123F34
100.0%	100.0% #09392B	RVB 9 57 43	#09392B

#5C5E5E #495757 #39514F #2A4B46 #1D453D #123F34 #09392B

#5C5E5E - #2A4B46 - #09392B

Codes CSS

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

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