#B6B5E6 - #6B51B8 | 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 #B6B5E6 à #6B51B8

#B6B5E6 #6B51B8

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

#B6B5E6 - #6B51B8 | 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 #B6B5E6 0% et #6B51B8 100%.

0.0%	0.0% #B6B5E6	RVB 182 181 230	#B6B5E6
16.7%	16.7% #A9A4DE	RVB 169 164 222	#A9A4DE
33.3%	33.3% #9D93D6	RVB 157 147 214	#9D93D6
50.0%	50.0% #9083CF	RVB 144 131 207	#9083CF
66.7%	66.7% #8472C7	RVB 132 114 199	#8472C7
83.3%	83.3% #7761BF	RVB 119 97 191	#7761BF
100.0%	100.0% #6B51B8	RVB 107 81 184	#6B51B8

#B6B5E6 #A9A4DE #9D93D6 #9083CF #8472C7 #7761BF #6B51B8

#B6B5E6 - #6B51B8

Mélange HSV

#B6B5E6 - #6B51B8 | 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 #B6B5E6 0% et #6B51B8 100%.

0.0%	0.0% #B6B5E6	RVB 182 181 230	#B6B5E6
16.7%	16.7% #A5A2DE	RVB 165 162 222	#A5A2DE
33.3%	33.3% #9790D6	RVB 151 144 214	#9790D6
50.0%	50.0% #897FCF	RVB 137 127 207	#897FCF
66.7%	66.7% #7E6EC7	RVB 126 110 199	#7E6EC7
83.3%	83.3% #745FBF	RVB 116 95 191	#745FBF
100.0%	100.0% #6B51B8	RVB 107 81 184	#6B51B8

#B6B5E6 #A5A2DE #9790D6 #897FCF #7E6EC7 #745FBF #6B51B8

#B6B5E6 - #897FCF - #6B51B8

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6B5E6 0%, #897FCF 50%, #6B51B8 100%);
    background: -webkit-linear-gradient(top, #B6B5E6 0%, #897FCF 50%, #6B51B8 100%);
    background: linear-gradient(to bottom, #B6B5E6 0%, #897FCF 50%, #6B51B8 100%);
}
</style>