#8F8C8C - #FCBBAE | 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 #8F8C8C à #FCBBAE

#8F8C8C #FCBBAE

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

#8F8C8C - #FCBBAE | 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 #8F8C8C 0% et #FCBBAE 100%.

0.0%	0.0% #8F8C8C	RVB 143 140 140	#8F8C8C
16.7%	16.7% #A19391	RVB 161 147 145	#A19391
33.3%	33.3% #B39B97	RVB 179 155 151	#B39B97
50.0%	50.0% #C5A39D	RVB 197 163 157	#C5A39D
66.7%	66.7% #D7ABA2	RVB 215 171 162	#D7ABA2
83.3%	83.3% #E9B3A8	RVB 233 179 168	#E9B3A8
100.0%	100.0% #FCBBAE	RVB 252 187 174	#FCBBAE

#8F8C8C #A19391 #B39B97 #C5A39D #D7ABA2 #E9B3A8 #FCBBAE

#8F8C8C - #FCBBAE

Mélange HSV

#8F8C8C - #FCBBAE | 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 #8F8C8C 0% et #FCBBAE 100%.

0.0%	0.0% #8F8C8C	RVB 143 140 140	#8F8C8C
16.7%	16.7% #A19696	RVB 161 150 150	#A19696
33.3%	33.3% #B39F9E	RVB 179 159 158	#B39F9E
50.0%	50.0% #C5A7A4	RVB 197 167 164	#C5A7A4
66.7%	66.7% #D7AEA9	RVB 215 174 169	#D7AEA9
83.3%	83.3% #E9B5AC	RVB 233 181 172	#E9B5AC
100.0%	100.0% #FCBBAE	RVB 252 187 174	#FCBBAE

#8F8C8C #A19696 #B39F9E #C5A7A4 #D7AEA9 #E9B5AC #FCBBAE

#8F8C8C - #C5A7A4 - #FCBBAE

Codes CSS

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

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