#B6ABAC - #D6B5E7 | 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 #B6ABAC à #D6B5E7

#B6ABAC #D6B5E7

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

#B6ABAC - #D6B5E7 | 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 #B6ABAC 0% et #D6B5E7 100%.

0.0%	0.0% #B6ABAC	RVB 182 171 172	#B6ABAC
16.7%	16.7% #BBACB5	RVB 187 172 181	#BBACB5
33.3%	33.3% #C0AEBF	RVB 192 174 191	#C0AEBF
50.0%	50.0% #C6B0C9	RVB 198 176 201	#C6B0C9
66.7%	66.7% #CBB1D3	RVB 203 177 211	#CBB1D3
83.3%	83.3% #D0B3DD	RVB 208 179 221	#D0B3DD
100.0%	100.0% #D6B5E7	RVB 214 181 231	#D6B5E7

#B6ABAC #BBACB5 #C0AEBF #C6B0C9 #CBB1D3 #D0B3DD #D6B5E7

#B6ABAC - #D6B5E7

Mélange HSV

#B6ABAC - #D6B5E7 | 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 #B6ABAC 0% et #D6B5E7 100%.

0.0%	0.0% #B6ABAC	RVB 182 171 172	#B6ABAC
16.7%	16.7% #BEADB2	RVB 190 173 178	#BEADB2
33.3%	33.3% #C6B0BB	RVB 198 176 187	#C6B0BB
50.0%	50.0% #CEB1C6	RVB 206 177 198	#CEB1C6
66.7%	66.7% #D6B3D3	RVB 214 179 211	#D6B3D3
83.3%	83.3% #D9B4DE	RVB 217 180 222	#D9B4DE
100.0%	100.0% #D6B5E7	RVB 214 181 231	#D6B5E7

#B6ABAC #BEADB2 #C6B0BB #CEB1C6 #D6B3D3 #D9B4DE #D6B5E7

#B6ABAC - #CEB1C6 - #D6B5E7

Codes CSS

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

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