#AF9FAC - #322D31 | 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 #AF9FAC à #322D31

#AF9FAC #322D31

Calculez la couleur entre deux couleurs, #AF9FAC et #322D31. 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)

#AF9FAC - #322D31 | 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 #AF9FAC 0% et #322D31 100%.

0.0%	0.0% #AF9FAC	RVB 175 159 172	#AF9FAC
16.7%	16.7% #9A8C97	RVB 154 140 151	#9A8C97
33.3%	33.3% #857983	RVB 133 121 131	#857983
50.0%	50.0% #70666E	RVB 112 102 110	#70666E
66.7%	66.7% #5B535A	RVB 91 83 90	#5B535A
83.3%	83.3% #464045	RVB 70 64 69	#464045
100.0%	100.0% #322D31	RVB 50 45 49	#322D31

#AF9FAC #9A8C97 #857983 #70666E #5B535A #464045 #322D31

#AF9FAC - #322D31

Mélange HSV

#AF9FAC - #322D31 | 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 #AF9FAC 0% et #322D31 100%.

0.0%	0.0% #AF9FAC	RVB 175 159 172	#AF9FAC
16.7%	16.7% #9A8B97	RVB 154 139 151	#9A8B97
33.3%	33.3% #857882	RVB 133 120 130	#857882
50.0%	50.0% #70656E	RVB 112 101 110	#70656E
66.7%	66.7% #5B5259	RVB 91 82 89	#5B5259
83.3%	83.3% #463F45	RVB 70 63 69	#463F45
100.0%	100.0% #322D31	RVB 50 45 49	#322D31

#AF9FAC #9A8B97 #857882 #70656E #5B5259 #463F45 #322D31

#AF9FAC - #70656E - #322D31

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF9FAC 0%, #70656E 50%, #322D31 100%);
    background: -webkit-linear-gradient(top, #AF9FAC 0%, #70656E 50%, #322D31 100%);
    background: linear-gradient(to bottom, #AF9FAC 0%, #70656E 50%, #322D31 100%);
}
</style>