#B6ABAE - #CDB5E7 | 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 #B6ABAE à #CDB5E7

#B6ABAE #CDB5E7

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

#B6ABAE - #CDB5E7 | 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 #B6ABAE 0% et #CDB5E7 100%.

0.0%	0.0% #B6ABAE	RVB 182 171 174	#B6ABAE
16.7%	16.7% #B9ACB7	RVB 185 172 183	#B9ACB7
33.3%	33.3% #BDAEC1	RVB 189 174 193	#BDAEC1
50.0%	50.0% #C1B0CA	RVB 193 176 202	#C1B0CA
66.7%	66.7% #C5B1D4	RVB 197 177 212	#C5B1D4
83.3%	83.3% #C9B3DD	RVB 201 179 221	#C9B3DD
100.0%	100.0% #CDB5E7	RVB 205 181 231	#CDB5E7

#B6ABAE #B9ACB7 #BDAEC1 #C1B0CA #C5B1D4 #C9B3DD #CDB5E7

#B6ABAE - #CDB5E7

Mélange HSV

#B6ABAE - #CDB5E7 | 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 #B6ABAE 0% et #CDB5E7 100%.

0.0%	0.0% #B6ABAE	RVB 182 171 174	#B6ABAE
16.7%	16.7% #BEADB5	RVB 190 173 181	#BEADB5
33.3%	33.3% #C6B0BF	RVB 198 176 191	#C6B0BF
50.0%	50.0% #CEB1CB	RVB 206 177 203	#CEB1CB
66.7%	66.7% #D2B3D6	RVB 210 179 214	#D2B3D6
83.3%	83.3% #D1B4DE	RVB 209 180 222	#D1B4DE
100.0%	100.0% #CDB5E7	RVB 205 181 231	#CDB5E7

#B6ABAE #BEADB5 #C6B0BF #CEB1CB #D2B3D6 #D1B4DE #CDB5E7

#B6ABAE - #CEB1CB - #CDB5E7

Codes CSS

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

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