#8C8C8D - #D9C19E | 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 #8C8C8D à #D9C19E

#8C8C8D #D9C19E

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

#8C8C8D - #D9C19E | 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 #8C8C8D 0% et #D9C19E 100%.

0.0%	0.0% #8C8C8D	RVB 140 140 141	#8C8C8D
16.7%	16.7% #98948F	RVB 152 148 143	#98948F
33.3%	33.3% #A59D92	RVB 165 157 146	#A59D92
50.0%	50.0% #B2A695	RVB 178 166 149	#B2A695
66.7%	66.7% #BFAF98	RVB 191 175 152	#BFAF98
83.3%	83.3% #CCB89B	RVB 204 184 155	#CCB89B
100.0%	100.0% #D9C19E	RVB 217 193 158	#D9C19E

#8C8C8D #98948F #A59D92 #B2A695 #BFAF98 #CCB89B #D9C19E

#8C8C8D - #D9C19E

Mélange HSV

#8C8C8D - #D9C19E | 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 #8C8C8D 0% et #D9C19E 100%.

0.0%	0.0% #8C8C8D	RVB 140 140 141	#8C8C8D
16.7%	16.7% #959199	RVB 149 145 153	#959199
33.3%	33.3% #A496A6	RVB 164 150 166	#A496A6
50.0%	50.0% #B39AAB	RVB 179 154 171	#B39AAB
66.7%	66.7% #BF9CA6	RVB 191 156 166	#BF9CA6
83.3%	83.3% #CCA59D	RVB 204 165 157	#CCA59D
100.0%	100.0% #D9C19E	RVB 217 193 158	#D9C19E

#8C8C8D #959199 #A496A6 #B39AAB #BF9CA6 #CCA59D #D9C19E

#8C8C8D - #B39AAB - #D9C19E

Codes CSS

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

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