#B5AFB6 - #785A8C | 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 #B5AFB6 à #785A8C

#B5AFB6 #785A8C

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

#B5AFB6 - #785A8C | 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 #B5AFB6 0% et #785A8C 100%.

0.0%	0.0% #B5AFB6	RVB 181 175 182	#B5AFB6
16.7%	16.7% #AAA0AF	RVB 170 160 175	#AAA0AF
33.3%	33.3% #A092A8	RVB 160 146 168	#A092A8
50.0%	50.0% #9684A1	RVB 150 132 161	#9684A1
66.7%	66.7% #8C769A	RVB 140 118 154	#8C769A
83.3%	83.3% #826893	RVB 130 104 147	#826893
100.0%	100.0% #785A8C	RVB 120 90 140	#785A8C

#B5AFB6 #AAA0AF #A092A8 #9684A1 #8C769A #826893 #785A8C

#B5AFB6 - #785A8C

Mélange HSV

#B5AFB6 - #785A8C | 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 #B5AFB6 0% et #785A8C 100%.

0.0%	0.0% #B5AFB6	RVB 181 175 182	#B5AFB6
16.7%	16.7% #AC9EAF	RVB 172 158 175	#AC9EAF
33.3%	33.3% #A28FA8	RVB 162 143 168	#A28FA8
50.0%	50.0% #9881A1	RVB 152 129 161	#9881A1
66.7%	66.7% #8D739A	RVB 141 115 154	#8D739A
83.3%	83.3% #836693	RVB 131 102 147	#836693
100.0%	100.0% #785A8C	RVB 120 90 140	#785A8C

#B5AFB6 #AC9EAF #A28FA8 #9881A1 #8D739A #836693 #785A8C

#B5AFB6 - #9881A1 - #785A8C

Codes CSS

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

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