#BCABC6 - #6B517E | 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 #BCABC6 à #6B517E

#BCABC6 #6B517E

Calculez la couleur entre deux couleurs, #BCABC6 et #6B517E. 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)

#BCABC6 - #6B517E | 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 #BCABC6 0% et #6B517E 100%.

0.0%	0.0% #BCABC6	RVB 188 171 198	#BCABC6
16.7%	16.7% #AE9CBA	RVB 174 156 186	#AE9CBA
33.3%	33.3% #A18DAE	RVB 161 141 174	#A18DAE
50.0%	50.0% #937EA2	RVB 147 126 162	#937EA2
66.7%	66.7% #866F96	RVB 134 111 150	#866F96
83.3%	83.3% #78608A	RVB 120 96 138	#78608A
100.0%	100.0% #6B517E	RVB 107 81 126	#6B517E

#BCABC6 #AE9CBA #A18DAE #937EA2 #866F96 #78608A #6B517E

#BCABC6 - #6B517E

Mélange HSV

#BCABC6 - #6B517E | 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 #BCABC6 0% et #6B517E 100%.

0.0%	0.0% #BCABC6	RVB 188 171 198	#BCABC6
16.7%	16.7% #AD99BA	RVB 173 153 186	#AD99BA
33.3%	33.3% #9F89AE	RVB 159 137 174	#9F89AE
50.0%	50.0% #927AA2	RVB 146 122 162	#927AA2
66.7%	66.7% #846B96	RVB 132 107 150	#846B96
83.3%	83.3% #775D8A	RVB 119 93 138	#775D8A
100.0%	100.0% #6B517E	RVB 107 81 126	#6B517E

#BCABC6 #AD99BA #9F89AE #927AA2 #846B96 #775D8A #6B517E

#BCABC6 - #927AA2 - #6B517E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCABC6 0%, #927AA2 50%, #6B517E 100%);
    background: -webkit-linear-gradient(top, #BCABC6 0%, #927AA2 50%, #6B517E 100%);
    background: linear-gradient(to bottom, #BCABC6 0%, #927AA2 50%, #6B517E 100%);
}
</style>