#8F8C7D - #FBCC95 | 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 #8F8C7D à #FBCC95

#8F8C7D #FBCC95

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

#8F8C7D - #FBCC95 | 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 #8F8C7D 0% et #FBCC95 100%.

0.0%	0.0% #8F8C7D	RVB 143 140 125	#8F8C7D
16.7%	16.7% #A19681	RVB 161 150 129	#A19681
33.3%	33.3% #B3A185	RVB 179 161 133	#B3A185
50.0%	50.0% #C5AC89	RVB 197 172 137	#C5AC89
66.7%	66.7% #D7B68D	RVB 215 182 141	#D7B68D
83.3%	83.3% #E9C191	RVB 233 193 145	#E9C191
100.0%	100.0% #FBCC95	RVB 251 204 149	#FBCC95

#8F8C7D #A19681 #B3A185 #C5AC89 #D7B68D #E9C191 #FBCC95

#8F8C7D - #FBCC95

Mélange HSV

#8F8C7D - #FBCC95 | 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 #8F8C7D 0% et #FBCC95 100%.

0.0%	0.0% #8F8C7D	RVB 143 140 125	#8F8C7D
16.7%	16.7% #A19B85	RVB 161 155 133	#A19B85
33.3%	33.3% #B3A88B	RVB 179 168 139	#B3A88B
50.0%	50.0% #C5B490	RVB 197 180 144	#C5B490
66.7%	66.7% #D7BE93	RVB 215 190 147	#D7BE93
83.3%	83.3% #E9C695	RVB 233 198 149	#E9C695
100.0%	100.0% #FBCC95	RVB 251 204 149	#FBCC95

#8F8C7D #A19B85 #B3A88B #C5B490 #D7BE93 #E9C695 #FBCC95

#8F8C7D - #C5B490 - #FBCC95

Codes CSS

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

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