#B9B5E2 - #EAE9F6 | 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 #B9B5E2 à #EAE9F6

#B9B5E2 #EAE9F6

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

#B9B5E2 - #EAE9F6 | 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 #B9B5E2 0% et #EAE9F6 100%.

0.0%	0.0% #B9B5E2	RVB 185 181 226	#B9B5E2
16.7%	16.7% #C1BDE5	RVB 193 189 229	#C1BDE5
33.3%	33.3% #C9C6E8	RVB 201 198 232	#C9C6E8
50.0%	50.0% #D1CFEC	RVB 209 207 236	#D1CFEC
66.7%	66.7% #D9D7EF	RVB 217 215 239	#D9D7EF
83.3%	83.3% #E1E0F2	RVB 225 224 242	#E1E0F2
100.0%	100.0% #EAE9F6	RVB 234 233 246	#EAE9F6

#B9B5E2 #C1BDE5 #C9C6E8 #D1CFEC #D9D7EF #E1E0F2 #EAE9F6

#B9B5E2 - #EAE9F6

Mélange HSV

#B9B5E2 - #EAE9F6 | 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 #B9B5E2 0% et #EAE9F6 100%.

0.0%	0.0% #B9B5E2	RVB 185 181 226	#B9B5E2
16.7%	16.7% #C0BDE5	RVB 192 189 229	#C0BDE5
33.3%	33.3% #C8C5E8	RVB 200 197 232	#C8C5E8
50.0%	50.0% #D0CEEC	RVB 208 206 236	#D0CEEC
66.7%	66.7% #D8D7EF	RVB 216 215 239	#D8D7EF
83.3%	83.3% #E1DFF2	RVB 225 223 242	#E1DFF2
100.0%	100.0% #EAE9F6	RVB 234 233 246	#EAE9F6

#B9B5E2 #C0BDE5 #C8C5E8 #D0CEEC #D8D7EF #E1DFF2 #EAE9F6

#B9B5E2 - #D0CEEC - #EAE9F6

Codes CSS

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

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