#8F5E6B - #ACB8AF | 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 #8F5E6B à #ACB8AF

#8F5E6B #ACB8AF

Calculez la couleur entre deux couleurs, #8F5E6B et #ACB8AF. 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)

#8F5E6B - #ACB8AF | 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 #8F5E6B 0% et #ACB8AF 100%.

0.0%	0.0% #8F5E6B	RVB 143 94 107	#8F5E6B
16.7%	16.7% #936D76	RVB 147 109 118	#936D76
33.3%	33.3% #987C81	RVB 152 124 129	#987C81
50.0%	50.0% #9D8B8D	RVB 157 139 141	#9D8B8D
66.7%	66.7% #A29A98	RVB 162 154 152	#A29A98
83.3%	83.3% #A7A9A3	RVB 167 169 163	#A7A9A3
100.0%	100.0% #ACB8AF	RVB 172 184 175	#ACB8AF

#8F5E6B #936D76 #987C81 #9D8B8D #A29A98 #A7A9A3 #ACB8AF

#8F5E6B - #ACB8AF

Mélange HSV

#8F5E6B - #ACB8AF | 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 #8F5E6B 0% et #ACB8AF 100%.

0.0%	0.0% #8F5E6B	RVB 143 94 107	#8F5E6B
16.7%	16.7% #957069	RVB 149 112 105	#957069
33.3%	33.3% #9C8B75	RVB 156 139 117	#9C8B75
50.0%	50.0% #A3A382	RVB 163 163 130	#A3A382
66.7%	66.7% #9FAA8F	RVB 159 170 143	#9FAA8F
83.3%	83.3% #A0B19D	RVB 160 177 157	#A0B19D
100.0%	100.0% #ACB8AF	RVB 172 184 175	#ACB8AF

#8F5E6B #957069 #9C8B75 #A3A382 #9FAA8F #A0B19D #ACB8AF

#8F5E6B - #A3A382 - #ACB8AF

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8F5E6B 0%, #A3A382 50%, #ACB8AF 100%);
    background: -webkit-linear-gradient(top, #8F5E6B 0%, #A3A382 50%, #ACB8AF 100%);
    background: linear-gradient(to bottom, #8F5E6B 0%, #A3A382 50%, #ACB8AF 100%);
}
</style>