#9A8F9F - #FFCC9F | 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 #9A8F9F à #FFCC9F

#9A8F9F #FFCC9F

Calculez la couleur entre deux couleurs, #9A8F9F et #FFCC9F. 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)

#9A8F9F - #FFCC9F | 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 #9A8F9F 0% et #FFCC9F 100%.

0.0%	0.0% #9A8F9F	RVB 154 143 159	#9A8F9F
16.7%	16.7% #AA999F	RVB 170 153 159	#AA999F
33.3%	33.3% #BBA39F	RVB 187 163 159	#BBA39F
50.0%	50.0% #CCAD9F	RVB 204 173 159	#CCAD9F
66.7%	66.7% #DDB79F	RVB 221 183 159	#DDB79F
83.3%	83.3% #EEC19F	RVB 238 193 159	#EEC19F
100.0%	100.0% #FFCC9F	RVB 255 204 159	#FFCC9F

#9A8F9F #AA999F #BBA39F #CCAD9F #DDB79F #EEC19F #FFCC9F

#9A8F9F - #FFCC9F

Mélange HSV

#9A8F9F - #FFCC9F | 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 #9A8F9F 0% et #FFCC9F 100%.

0.0%	0.0% #9A8F9F	RVB 154 143 159	#9A8F9F
16.7%	16.7% #AE95AF	RVB 174 149 175	#AE95AF
33.3%	33.3% #BF9AB4	RVB 191 154 180	#BF9AB4
50.0%	50.0% #CF9DB2	RVB 207 157 178	#CF9DB2
66.7%	66.7% #DF9FA7	RVB 223 159 167	#DF9FA7
83.3%	83.3% #EFADA0	RVB 239 173 160	#EFADA0
100.0%	100.0% #FFCC9F	RVB 255 204 159	#FFCC9F

#9A8F9F #AE95AF #BF9AB4 #CF9DB2 #DF9FA7 #EFADA0 #FFCC9F

#9A8F9F - #CF9DB2 - #FFCC9F

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9A8F9F 0%, #CF9DB2 50%, #FFCC9F 100%);
    background: -webkit-linear-gradient(top, #9A8F9F 0%, #CF9DB2 50%, #FFCC9F 100%);
    background: linear-gradient(to bottom, #9A8F9F 0%, #CF9DB2 50%, #FFCC9F 100%);
}
</style>