#B2ABC6 - #7A5E85 | 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 #B2ABC6 à #7A5E85

#B2ABC6 #7A5E85

Calculez la couleur entre deux couleurs, #B2ABC6 et #7A5E85. 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)

#B2ABC6 - #7A5E85 | 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 #B2ABC6 0% et #7A5E85 100%.

0.0%	0.0% #B2ABC6	RVB 178 171 198	#B2ABC6
16.7%	16.7% #A89EBB	RVB 168 158 187	#A89EBB
33.3%	33.3% #9F91B0	RVB 159 145 176	#9F91B0
50.0%	50.0% #9684A5	RVB 150 132 165	#9684A5
66.7%	66.7% #8C779A	RVB 140 119 154	#8C779A
83.3%	83.3% #836A8F	RVB 131 106 143	#836A8F
100.0%	100.0% #7A5E85	RVB 122 94 133	#7A5E85

#B2ABC6 #A89EBB #9F91B0 #9684A5 #8C779A #836A8F #7A5E85

#B2ABC6 - #7A5E85

Mélange HSV

#B2ABC6 - #7A5E85 | 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 #B2ABC6 0% et #7A5E85 100%.

0.0%	0.0% #B2ABC6	RVB 178 171 198	#B2ABC6
16.7%	16.7% #A69CBB	RVB 166 156 187	#A69CBB
33.3%	33.3% #9C8FB0	RVB 156 143 176	#9C8FB0
50.0%	50.0% #9381A5	RVB 147 129 165	#9381A5
66.7%	66.7% #8A759A	RVB 138 117 154	#8A759A
83.3%	83.3% #82698F	RVB 130 105 143	#82698F
100.0%	100.0% #7A5E85	RVB 122 94 133	#7A5E85

#B2ABC6 #A69CBB #9C8FB0 #9381A5 #8A759A #82698F #7A5E85

#B2ABC6 - #9381A5 - #7A5E85

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2ABC6 0%, #9381A5 50%, #7A5E85 100%);
    background: -webkit-linear-gradient(top, #B2ABC6 0%, #9381A5 50%, #7A5E85 100%);
    background: linear-gradient(to bottom, #B2ABC6 0%, #9381A5 50%, #7A5E85 100%);
}
</style>