#B9A2BD - #ECE4EB | 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 #B9A2BD à #ECE4EB

#B9A2BD #ECE4EB

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

#B9A2BD - #ECE4EB | 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 #B9A2BD 0% et #ECE4EB 100%.

0.0%	0.0% #B9A2BD	RVB 185 162 189	#B9A2BD
16.7%	16.7% #C1ADC4	RVB 193 173 196	#C1ADC4
33.3%	33.3% #CAB8CC	RVB 202 184 204	#CAB8CC
50.0%	50.0% #D2C3D4	RVB 210 195 212	#D2C3D4
66.7%	66.7% #DBCEDB	RVB 219 206 219	#DBCEDB
83.3%	83.3% #E3D9E3	RVB 227 217 227	#E3D9E3
100.0%	100.0% #ECE4EB	RVB 236 228 235	#ECE4EB

#B9A2BD #C1ADC4 #CAB8CC #D2C3D4 #DBCEDB #E3D9E3 #ECE4EB

#B9A2BD - #ECE4EB

Mélange HSV

#B9A2BD - #ECE4EB | 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 #B9A2BD 0% et #ECE4EB 100%.

0.0%	0.0% #B9A2BD	RVB 185 162 189	#B9A2BD
16.7%	16.7% #C2ACC4	RVB 194 172 196	#C2ACC4
33.3%	33.3% #CBB6CC	RVB 203 182 204	#CBB6CC
50.0%	50.0% #D4C1D4	RVB 212 193 212	#D4C1D4
66.7%	66.7% #DCCCDB	RVB 220 204 219	#DCCCDB
83.3%	83.3% #E4D8E3	RVB 228 216 227	#E4D8E3
100.0%	100.0% #ECE4EB	RVB 236 228 235	#ECE4EB

#B9A2BD #C2ACC4 #CBB6CC #D4C1D4 #DCCCDB #E4D8E3 #ECE4EB

#B9A2BD - #D4C1D4 - #ECE4EB

Codes CSS

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

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