#B9ABFF - #ECE7FF | 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 #B9ABFF à #ECE7FF

#B9ABFF #ECE7FF

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

#B9ABFF - #ECE7FF | 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 #B9ABFF 0% et #ECE7FF 100%.

0.0%	0.0% #B9ABFF	RVB 185 171 255	#B9ABFF
16.7%	16.7% #C1B5FF	RVB 193 181 255	#C1B5FF
33.3%	33.3% #CABFFF	RVB 202 191 255	#CABFFF
50.0%	50.0% #D2C9FF	RVB 210 201 255	#D2C9FF
66.7%	66.7% #DBD3FF	RVB 219 211 255	#DBD3FF
83.3%	83.3% #E3DDFF	RVB 227 221 255	#E3DDFF
100.0%	100.0% #ECE7FF	RVB 236 231 255	#ECE7FF

#B9ABFF #C1B5FF #CABFFF #D2C9FF #DBD3FF #E3DDFF #ECE7FF

#B9ABFF - #ECE7FF

Mélange HSV

#B9ABFF - #ECE7FF | 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 #B9ABFF 0% et #ECE7FF 100%.

0.0%	0.0% #B8ABFF	RVB 184 171 255	#B8ABFF
16.7%	16.7% #C1B5FF	RVB 193 181 255	#C1B5FF
33.3%	33.3% #CABFFF	RVB 202 191 255	#CABFFF
50.0%	50.0% #D3C9FF	RVB 211 201 255	#D3C9FF
66.7%	66.7% #DBD3FF	RVB 219 211 255	#DBD3FF
83.3%	83.3% #E3DDFF	RVB 227 221 255	#E3DDFF
100.0%	100.0% #ECE7FF	RVB 236 231 255	#ECE7FF

#B8ABFF #C1B5FF #CABFFF #D3C9FF #DBD3FF #E3DDFF #ECE7FF

#B9ABFF - #D3C9FF - #ECE7FF

Codes CSS

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

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