#8C5E8C - #FCA68F | 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 #8C5E8C à #FCA68F

#8C5E8C #FCA68F

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

#8C5E8C - #FCA68F | 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 #8C5E8C 0% et #FCA68F 100%.

0.0%	0.0% #8C5E8C	RVB 140 94 140	#8C5E8C
16.7%	16.7% #9E6A8C	RVB 158 106 140	#9E6A8C
33.3%	33.3% #B1768D	RVB 177 118 141	#B1768D
50.0%	50.0% #C4828D	RVB 196 130 141	#C4828D
66.7%	66.7% #D68E8E	RVB 214 142 142	#D68E8E
83.3%	83.3% #E99A8E	RVB 233 154 142	#E99A8E
100.0%	100.0% #FCA68F	RVB 252 166 143	#FCA68F

#8C5E8C #9E6A8C #B1768D #C4828D #D68E8E #E99A8E #FCA68F

#8C5E8C - #FCA68F

Mélange HSV

#8C5E8C - #FCA68F | 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 #8C5E8C 0% et #FCA68F 100%.

0.0%	0.0% #8C5E8C	RVB 140 94 140	#8C5E8C
16.7%	16.7% #9E6793	RVB 158 103 147	#9E6793
33.3%	33.3% #B17097	RVB 177 112 151	#B17097
50.0%	50.0% #C47996	RVB 196 121 150	#C47996
66.7%	66.7% #D68191	RVB 214 129 145	#D68191
83.3%	83.3% #E98988	RVB 233 137 136	#E98988
100.0%	100.0% #FCA68F	RVB 252 166 143	#FCA68F

#8C5E8C #9E6793 #B17097 #C47996 #D68191 #E98988 #FCA68F

#8C5E8C - #C47996 - #FCA68F

Codes CSS

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

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