#B1ABC6 - #694C7E | 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 #B1ABC6 à #694C7E

#B1ABC6 #694C7E

Calculez la couleur entre deux couleurs, #B1ABC6 et #694C7E. 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)

#B1ABC6 - #694C7E | 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 #B1ABC6 0% et #694C7E 100%.

0.0%	0.0% #B1ABC6	RVB 177 171 198	#B1ABC6
16.7%	16.7% #A59BBA	RVB 165 155 186	#A59BBA
33.3%	33.3% #998BAE	RVB 153 139 174	#998BAE
50.0%	50.0% #8D7BA2	RVB 141 123 162	#8D7BA2
66.7%	66.7% #816B96	RVB 129 107 150	#816B96
83.3%	83.3% #755B8A	RVB 117 91 138	#755B8A
100.0%	100.0% #694C7E	RVB 105 76 126	#694C7E

#B1ABC6 #A59BBA #998BAE #8D7BA2 #816B96 #755B8A #694C7E

#B1ABC6 - #694C7E

Mélange HSV

#B1ABC6 - #694C7E | 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 #B1ABC6 0% et #694C7E 100%.

0.0%	0.0% #B1ABC6	RVB 177 171 198	#B1ABC6
16.7%	16.7% #A198BA	RVB 161 152 186	#A198BA
33.3%	33.3% #9487AE	RVB 148 135 174	#9487AE
50.0%	50.0% #8876A2	RVB 136 118 162	#8876A2
66.7%	66.7% #7C6796	RVB 124 103 150	#7C6796
83.3%	83.3% #72598A	RVB 114 89 138	#72598A
100.0%	100.0% #694C7E	RVB 105 76 126	#694C7E

#B1ABC6 #A198BA #9487AE #8876A2 #7C6796 #72598A #694C7E

#B1ABC6 - #8876A2 - #694C7E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B1ABC6 0%, #8876A2 50%, #694C7E 100%);
    background: -webkit-linear-gradient(top, #B1ABC6 0%, #8876A2 50%, #694C7E 100%);
    background: linear-gradient(to bottom, #B1ABC6 0%, #8876A2 50%, #694C7E 100%);
}
</style>