#B6AFB5 - #835A8C | 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 #B6AFB5 à #835A8C

#B6AFB5 #835A8C

Calculez la couleur entre deux couleurs, #B6AFB5 et #835A8C. 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)

#B6AFB5 - #835A8C | 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 #B6AFB5 0% et #835A8C 100%.

0.0%	0.0% #B6AFB5	RVB 182 175 181	#B6AFB5
16.7%	16.7% #ADA0AE	RVB 173 160 174	#ADA0AE
33.3%	33.3% #A592A7	RVB 165 146 167	#A592A7
50.0%	50.0% #9C84A0	RVB 156 132 160	#9C84A0
66.7%	66.7% #947699	RVB 148 118 153	#947699
83.3%	83.3% #8B6892	RVB 139 104 146	#8B6892
100.0%	100.0% #835A8C	RVB 131 90 140	#835A8C

#B6AFB5 #ADA0AE #A592A7 #9C84A0 #947699 #8B6892 #835A8C

#B6AFB5 - #835A8C

Mélange HSV

#B6AFB5 - #835A8C | 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 #B6AFB5 0% et #835A8C 100%.

0.0%	0.0% #B6AFB5	RVB 182 175 181	#B6AFB5
16.7%	16.7% #AF9EAD	RVB 175 158 173	#AF9EAD
33.3%	33.3% #A88FA7	RVB 168 143 167	#A88FA7
50.0%	50.0% #A081A1	RVB 160 129 161	#A081A1
66.7%	66.7% #97739A	RVB 151 115 154	#97739A
83.3%	83.3% #8D6693	RVB 141 102 147	#8D6693
100.0%	100.0% #835A8C	RVB 131 90 140	#835A8C

#B6AFB5 #AF9EAD #A88FA7 #A081A1 #97739A #8D6693 #835A8C

#B6AFB5 - #A081A1 - #835A8C

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6AFB5 0%, #A081A1 50%, #835A8C 100%);
    background: -webkit-linear-gradient(top, #B6AFB5 0%, #A081A1 50%, #835A8C 100%);
    background: linear-gradient(to bottom, #B6AFB5 0%, #A081A1 50%, #835A8C 100%);
}
</style>