#5E7E7E - #ABBC8C | 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 #5E7E7E à #ABBC8C

#5E7E7E #ABBC8C

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

#5E7E7E - #ABBC8C | 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 #5E7E7E 0% et #ABBC8C 100%.

0.0%	0.0% #5E7E7E	RVB 94 126 126	#5E7E7E
16.7%	16.7% #6A8880	RVB 106 136 128	#6A8880
33.3%	33.3% #779282	RVB 119 146 130	#779282
50.0%	50.0% #849D85	RVB 132 157 133	#849D85
66.7%	66.7% #91A787	RVB 145 167 135	#91A787
83.3%	83.3% #9EB189	RVB 158 177 137	#9EB189
100.0%	100.0% #ABBC8C	RVB 171 188 140	#ABBC8C

#5E7E7E #6A8880 #779282 #849D85 #91A787 #9EB189 #ABBC8C

#5E7E7E - #ABBC8C

Mélange HSV

#5E7E7E - #ABBC8C | 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 #5E7E7E 0% et #ABBC8C 100%.

0.0%	0.0% #5E7E7E	RVB 94 126 126	#5E7E7E
16.7%	16.7% #65887E	RVB 101 136 126	#65887E
33.3%	33.3% #6D927E	RVB 109 146 126	#6D927E
50.0%	50.0% #759D7C	RVB 117 157 124	#759D7C
66.7%	66.7% #80A77C	RVB 128 167 124	#80A77C
83.3%	83.3% #95B184	RVB 149 177 132	#95B184
100.0%	100.0% #ABBC8C	RVB 171 188 140	#ABBC8C

#5E7E7E #65887E #6D927E #759D7C #80A77C #95B184 #ABBC8C

#5E7E7E - #759D7C - #ABBC8C

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7E7E 0%, #759D7C 50%, #ABBC8C 100%);
    background: -webkit-linear-gradient(top, #5E7E7E 0%, #759D7C 50%, #ABBC8C 100%);
    background: linear-gradient(to bottom, #5E7E7E 0%, #759D7C 50%, #ABBC8C 100%);
}
</style>