#AEAF9F - #31322D | 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 #AEAF9F à #31322D

#AEAF9F #31322D

Calculez la couleur entre deux couleurs, #AEAF9F et #31322D. 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)

#AEAF9F - #31322D | 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 #AEAF9F 0% et #31322D 100%.

0.0%	0.0% #AEAF9F	RVB 174 175 159	#AEAF9F
16.7%	16.7% #999A8C	RVB 153 154 140	#999A8C
33.3%	33.3% #848579	RVB 132 133 121	#848579
50.0%	50.0% #6F7066	RVB 111 112 102	#6F7066
66.7%	66.7% #5A5B53	RVB 90 91 83	#5A5B53
83.3%	83.3% #454640	RVB 69 70 64	#454640
100.0%	100.0% #31322D	RVB 49 50 45	#31322D

#AEAF9F #999A8C #848579 #6F7066 #5A5B53 #454640 #31322D

#AEAF9F - #31322D

Mélange HSV

#AEAF9F - #31322D | 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 #AEAF9F 0% et #31322D 100%.

0.0%	0.0% #AEAF9F	RVB 174 175 159	#AEAF9F
16.7%	16.7% #989A8B	RVB 152 154 139	#989A8B
33.3%	33.3% #838578	RVB 131 133 120	#838578
50.0%	50.0% #6F7065	RVB 111 112 101	#6F7065
66.7%	66.7% #5A5B52	RVB 90 91 82	#5A5B52
83.3%	83.3% #45463F	RVB 69 70 63	#45463F
100.0%	100.0% #31322D	RVB 49 50 45	#31322D

#AEAF9F #989A8B #838578 #6F7065 #5A5B52 #45463F #31322D

#AEAF9F - #6F7065 - #31322D

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AEAF9F 0%, #6F7065 50%, #31322D 100%);
    background: -webkit-linear-gradient(top, #AEAF9F 0%, #6F7065 50%, #31322D 100%);
    background: linear-gradient(to bottom, #AEAF9F 0%, #6F7065 50%, #31322D 100%);
}
</style>