#9D9E95 - #2C2D2A | 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 #9D9E95 à #2C2D2A

#9D9E95 #2C2D2A

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

#9D9E95 - #2C2D2A | 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 #9D9E95 0% et #2C2D2A 100%.

0.0%	0.0% #9D9E95	RVB 157 158 149	#9D9E95
16.7%	16.7% #8A8B83	RVB 138 139 131	#8A8B83
33.3%	33.3% #777871	RVB 119 120 113	#777871
50.0%	50.0% #64655F	RVB 100 101 95	#64655F
66.7%	66.7% #51524D	RVB 81 82 77	#51524D
83.3%	83.3% #3E3F3B	RVB 62 63 59	#3E3F3B
100.0%	100.0% #2C2D2A	RVB 44 45 42	#2C2D2A

#9D9E95 #8A8B83 #777871 #64655F #51524D #3E3F3B #2C2D2A

#9D9E95 - #2C2D2A

Mélange HSV

#9D9E95 - #2C2D2A | 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 #9D9E95 0% et #2C2D2A 100%.

0.0%	0.0% #9D9E95	RVB 157 158 149	#9D9E95
16.7%	16.7% #898B83	RVB 137 139 131	#898B83
33.3%	33.3% #767871	RVB 118 120 113	#767871
50.0%	50.0% #64655F	RVB 100 101 95	#64655F
66.7%	66.7% #51524D	RVB 81 82 77	#51524D
83.3%	83.3% #3E3F3B	RVB 62 63 59	#3E3F3B
100.0%	100.0% #2C2D2A	RVB 44 45 42	#2C2D2A

#9D9E95 #898B83 #767871 #64655F #51524D #3E3F3B #2C2D2A

#9D9E95 - #64655F - #2C2D2A

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9D9E95 0%, #64655F 50%, #2C2D2A 100%);
    background: -webkit-linear-gradient(top, #9D9E95 0%, #64655F 50%, #2C2D2A 100%);
    background: linear-gradient(to bottom, #9D9E95 0%, #64655F 50%, #2C2D2A 100%);
}
</style>