#5E5E4D - #7F93A0 | 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 #5E5E4D à #7F93A0

#5E5E4D #7F93A0

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

#5E5E4D - #7F93A0 | 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 #5E5E4D 0% et #7F93A0 100%.

0.0%	0.0% #5E5E4D	RVB 94 94 77	#5E5E4D
16.7%	16.7% #63665A	RVB 99 102 90	#63665A
33.3%	33.3% #696F68	RVB 105 111 104	#696F68
50.0%	50.0% #6E7876	RVB 110 120 118	#6E7876
66.7%	66.7% #748184	RVB 116 129 132	#748184
83.3%	83.3% #798A92	RVB 121 138 146	#798A92
100.0%	100.0% #7F93A0	RVB 127 147 160	#7F93A0

#5E5E4D #63665A #696F68 #6E7876 #748184 #798A92 #7F93A0

#5E5E4D - #7F93A0

Mélange HSV

#5E5E4D - #7F93A0 | 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 #5E5E4D 0% et #7F93A0 100%.

0.0%	0.0% #5E5E4D	RVB 94 94 77	#5E5E4D
16.7%	16.7% #616955	RVB 97 105 85	#616955
33.3%	33.3% #62745E	RVB 98 116 94	#62745E
50.0%	50.0% #667F6B	RVB 102 127 107	#667F6B
66.7%	66.7% #6E8A7E	RVB 110 138 126	#6E8A7E
83.3%	83.3% #769594	RVB 118 149 148	#769594
100.0%	100.0% #7F93A0	RVB 127 147 160	#7F93A0

#5E5E4D #616955 #62745E #667F6B #6E8A7E #769594 #7F93A0

#5E5E4D - #667F6B - #7F93A0

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E4D 0%, #667F6B 50%, #7F93A0 100%);
    background: -webkit-linear-gradient(top, #5E5E4D 0%, #667F6B 50%, #7F93A0 100%);
    background: linear-gradient(to bottom, #5E5E4D 0%, #667F6B 50%, #7F93A0 100%);
}
</style>