#4F5E5E - #92A073 | 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 #4F5E5E à #92A073

#4F5E5E #92A073

Calculez la couleur entre deux couleurs, #4F5E5E et #92A073. 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)

#4F5E5E - #92A073 | 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 #4F5E5E 0% et #92A073 100%.

0.0%	0.0% #4F5E5E	RVB 79 94 94	#4F5E5E
16.7%	16.7% #5A6961	RVB 90 105 97	#5A6961
33.3%	33.3% #657465	RVB 101 116 101	#657465
50.0%	50.0% #707F68	RVB 112 127 104	#707F68
66.7%	66.7% #7B8A6C	RVB 123 138 108	#7B8A6C
83.3%	83.3% #86956F	RVB 134 149 111	#86956F
100.0%	100.0% #92A073	RVB 146 160 115	#92A073

#4F5E5E #5A6961 #657465 #707F68 #7B8A6C #86956F #92A073

#4F5E5E - #92A073

Mélange HSV

#4F5E5E - #92A073 | 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 #4F5E5E 0% et #92A073 100%.

0.0%	0.0% #4F5E5E	RVB 79 94 94	#4F5E5E
16.7%	16.7% #566963	RVB 86 105 99	#566963
33.3%	33.3% #5C7466	RVB 92 116 102	#5C7466
50.0%	50.0% #637F67	RVB 99 127 103	#637F67
66.7%	66.7% #6C8A68	RVB 108 138 104	#6C8A68
83.3%	83.3% #7D956E	RVB 125 149 110	#7D956E
100.0%	100.0% #92A073	RVB 146 160 115	#92A073

#4F5E5E #566963 #5C7466 #637F67 #6C8A68 #7D956E #92A073

#4F5E5E - #637F67 - #92A073

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4F5E5E 0%, #637F67 50%, #92A073 100%);
    background: -webkit-linear-gradient(top, #4F5E5E 0%, #637F67 50%, #92A073 100%);
    background: linear-gradient(to bottom, #4F5E5E 0%, #637F67 50%, #92A073 100%);
}
</style>