#A28C92 - #8A3742 | 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 #A28C92 à #8A3742

#A28C92 #8A3742

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

#A28C92 - #8A3742 | 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 #A28C92 0% et #8A3742 100%.

0.0%	0.0% #A28C92	RVB 162 140 146	#A28C92
16.7%	16.7% #9E7D84	RVB 158 125 132	#9E7D84
33.3%	33.3% #9A6F77	RVB 154 111 119	#9A6F77
50.0%	50.0% #96616A	RVB 150 97 106	#96616A
66.7%	66.7% #92535C	RVB 146 83 92	#92535C
83.3%	83.3% #8E454F	RVB 142 69 79	#8E454F
100.0%	100.0% #8A3742	RVB 138 55 66	#8A3742

#A28C92 #9E7D84 #9A6F77 #96616A #92535C #8E454F #8A3742

#A28C92 - #8A3742

Mélange HSV

#A28C92 - #8A3742 | 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 #A28C92 0% et #8A3742 100%.

0.0%	0.0% #A28C92	RVB 162 140 146	#A28C92
16.7%	16.7% #9E7C84	RVB 158 124 132	#9E7C84
33.3%	33.3% #9A6D77	RVB 154 109 119	#9A6D77
50.0%	50.0% #965E69	RVB 150 94 105	#965E69
66.7%	66.7% #92505C	RVB 146 80 92	#92505C
83.3%	83.3% #8E434F	RVB 142 67 79	#8E434F
100.0%	100.0% #8A3742	RVB 138 55 66	#8A3742

#A28C92 #9E7C84 #9A6D77 #965E69 #92505C #8E434F #8A3742

#A28C92 - #965E69 - #8A3742

Codes CSS

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

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