#AFACA2 - #32312E | 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 #AFACA2 à #32312E

#AFACA2 #32312E

Calculez la couleur entre deux couleurs, #AFACA2 et #32312E. 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)

#AFACA2 - #32312E | 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 #AFACA2 0% et #32312E 100%.

0.0%	0.0% #AFACA2	RVB 175 172 162	#AFACA2
16.7%	16.7% #9A978E	RVB 154 151 142	#9A978E
33.3%	33.3% #85837B	RVB 133 131 123	#85837B
50.0%	50.0% #706E68	RVB 112 110 104	#706E68
66.7%	66.7% #5B5A54	RVB 91 90 84	#5B5A54
83.3%	83.3% #464541	RVB 70 69 65	#464541
100.0%	100.0% #32312E	RVB 50 49 46	#32312E

#AFACA2 #9A978E #85837B #706E68 #5B5A54 #464541 #32312E

#AFACA2 - #32312E

Mélange HSV

#AFACA2 - #32312E | 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 #AFACA2 0% et #32312E 100%.

0.0%	0.0% #AFACA2	RVB 175 172 162	#AFACA2
16.7%	16.7% #9A978E	RVB 154 151 142	#9A978E
33.3%	33.3% #85827B	RVB 133 130 123	#85827B
50.0%	50.0% #706E67	RVB 112 110 103	#706E67
66.7%	66.7% #5B5954	RVB 91 89 84	#5B5954
83.3%	83.3% #464541	RVB 70 69 65	#464541
100.0%	100.0% #32312E	RVB 50 49 46	#32312E

#AFACA2 #9A978E #85827B #706E67 #5B5954 #464541 #32312E

#AFACA2 - #706E67 - #32312E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFACA2 0%, #706E67 50%, #32312E 100%);
    background: -webkit-linear-gradient(top, #AFACA2 0%, #706E67 50%, #32312E 100%);
    background: linear-gradient(to bottom, #AFACA2 0%, #706E67 50%, #32312E 100%);
}
</style>