#4C5E5E - #05392A | 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 #4C5E5E à #05392A

#4C5E5E #05392A

Calculez la couleur entre deux couleurs, #4C5E5E et #05392A. 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)

#4C5E5E - #05392A | 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 #4C5E5E 0% et #05392A 100%.

0.0%	0.0% #4C5E5E	RVB 76 94 94	#4C5E5E
16.7%	16.7% #405755	RVB 64 87 85	#405755
33.3%	33.3% #34514C	RVB 52 81 76	#34514C
50.0%	50.0% #284B44	RVB 40 75 68	#284B44
66.7%	66.7% #1C453B	RVB 28 69 59	#1C453B
83.3%	83.3% #103F32	RVB 16 63 50	#103F32
100.0%	100.0% #05392A	RVB 5 57 42	#05392A

#4C5E5E #405755 #34514C #284B44 #1C453B #103F32 #05392A

#4C5E5E - #05392A

Mélange HSV

#4C5E5E - #05392A | 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 #4C5E5E 0% et #05392A 100%.

0.0%	0.0% #4C5E5E	RVB 76 94 94	#4C5E5E
16.7%	16.7% #3C5756	RVB 60 87 86	#3C5756
33.3%	33.3% #2E514E	RVB 46 81 78	#2E514E
50.0%	50.0% #214B45	RVB 33 75 69	#214B45
66.7%	66.7% #16453C	RVB 22 69 60	#16453C
83.3%	83.3% #0D3F33	RVB 13 63 51	#0D3F33
100.0%	100.0% #05392A	RVB 5 57 42	#05392A

#4C5E5E #3C5756 #2E514E #214B45 #16453C #0D3F33 #05392A

#4C5E5E - #214B45 - #05392A

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C5E5E 0%, #214B45 50%, #05392A 100%);
    background: -webkit-linear-gradient(top, #4C5E5E 0%, #214B45 50%, #05392A 100%);
    background: linear-gradient(to bottom, #4C5E5E 0%, #214B45 50%, #05392A 100%);
}
</style>