#8C4D72 - #EC9C92 | 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 #8C4D72 à #EC9C92

#8C4D72 #EC9C92

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

#8C4D72 - #EC9C92 | 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 #8C4D72 0% et #EC9C92 100%.

0.0%	0.0% #8C4D72	RVB 140 77 114	#8C4D72
16.7%	16.7% #9C5A77	RVB 156 90 119	#9C5A77
33.3%	33.3% #AC677C	RVB 172 103 124	#AC677C
50.0%	50.0% #BC7482	RVB 188 116 130	#BC7482
66.7%	66.7% #CC8187	RVB 204 129 135	#CC8187
83.3%	83.3% #DC8E8C	RVB 220 142 140	#DC8E8C
100.0%	100.0% #EC9C92	RVB 236 156 146	#EC9C92

#8C4D72 #9C5A77 #AC677C #BC7482 #CC8187 #DC8E8C #EC9C92

#8C4D72 - #EC9C92

Mélange HSV

#8C4D72 - #EC9C92 | 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 #8C4D72 0% et #EC9C92 100%.

0.0%	0.0% #8C4D72	RVB 140 77 114	#8C4D72
16.7%	16.7% #9C5777	RVB 156 87 119	#9C5777
33.3%	33.3% #AC627C	RVB 172 98 124	#AC627C
50.0%	50.0% #BC6D80	RVB 188 109 128	#BC6D80
66.7%	66.7% #CC7983	RVB 204 121 131	#CC7983
83.3%	83.3% #DC8586	RVB 220 133 134	#DC8586
100.0%	100.0% #EC9C92	RVB 236 156 146	#EC9C92

#8C4D72 #9C5777 #AC627C #BC6D80 #CC7983 #DC8586 #EC9C92

#8C4D72 - #BC6D80 - #EC9C92

Codes CSS

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

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