#8C8F7D - #FBEA95 | 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 #8C8F7D à #FBEA95

#8C8F7D #FBEA95

Calculez la couleur entre deux couleurs, #8C8F7D et #FBEA95. 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)

#8C8F7D - #FBEA95 | 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 #8C8F7D 0% et #FBEA95 100%.

0.0%	0.0% #8C8F7D	RVB 140 143 125	#8C8F7D
16.7%	16.7% #9E9E81	RVB 158 158 129	#9E9E81
33.3%	33.3% #B1AD85	RVB 177 173 133	#B1AD85
50.0%	50.0% #C3BC89	RVB 195 188 137	#C3BC89
66.7%	66.7% #D6CB8D	RVB 214 203 141	#D6CB8D
83.3%	83.3% #E8DA91	RVB 232 218 145	#E8DA91
100.0%	100.0% #FBEA95	RVB 251 234 149	#FBEA95

#8C8F7D #9E9E81 #B1AD85 #C3BC89 #D6CB8D #E8DA91 #FBEA95

#8C8F7D - #FBEA95

Mélange HSV

#8C8F7D - #FBEA95 | 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 #8C8F7D 0% et #FBEA95 100%.

0.0%	0.0% #8C8F7D	RVB 140 143 125	#8C8F7D
16.7%	16.7% #9DA185	RVB 157 161 133	#9DA185
33.3%	33.3% #B0B38B	RVB 176 179 139	#B0B38B
50.0%	50.0% #C5C590	RVB 197 197 144	#C5C590
66.7%	66.7% #D7D393	RVB 215 211 147	#D7D393
83.3%	83.3% #E9DF95	RVB 233 223 149	#E9DF95
100.0%	100.0% #FBEA95	RVB 251 234 149	#FBEA95

#8C8F7D #9DA185 #B0B38B #C5C590 #D7D393 #E9DF95 #FBEA95

#8C8F7D - #C5C590 - #FBEA95

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C8F7D 0%, #C5C590 50%, #FBEA95 100%);
    background: -webkit-linear-gradient(top, #8C8F7D 0%, #C5C590 50%, #FBEA95 100%);
    background: linear-gradient(to bottom, #8C8F7D 0%, #C5C590 50%, #FBEA95 100%);
}
</style>