#BBB5E9 - #FFDFE5 | 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 #BBB5E9 à #FFDFE5

#BBB5E9 #FFDFE5

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

#BBB5E9 - #FFDFE5 | 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 #BBB5E9 0% et #FFDFE5 100%.

0.0%	0.0% #BBB5E9	RVB 187 181 233	#BBB5E9
16.7%	16.7% #C6BCE8	RVB 198 188 232	#C6BCE8
33.3%	33.3% #D1C3E7	RVB 209 195 231	#D1C3E7
50.0%	50.0% #DDCAE7	RVB 221 202 231	#DDCAE7
66.7%	66.7% #E8D1E6	RVB 232 209 230	#E8D1E6
83.3%	83.3% #F3D8E5	RVB 243 216 229	#F3D8E5
100.0%	100.0% #FFDFE5	RVB 255 223 229	#FFDFE5

#BBB5E9 #C6BCE8 #D1C3E7 #DDCAE7 #E8D1E6 #F3D8E5 #FFDFE5

#BBB5E9 - #FFDFE5

Mélange HSV

#BBB5E9 - #FFDFE5 | 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 #BBB5E9 0% et #FFDFE5 100%.

0.0%	0.0% #BBB5E9	RVB 187 181 233	#BBB5E9
16.7%	16.7% #CFBBEC	RVB 207 187 236	#CFBBEC
33.3%	33.3% #E1C2F0	RVB 225 194 240	#E1C2F0
50.0%	50.0% #F2C9F4	RVB 242 201 244	#F2C9F4
66.7%	66.7% #F7D0EE	RVB 247 208 238	#F7D0EE
83.3%	83.3% #FBD7E8	RVB 251 215 232	#FBD7E8
100.0%	100.0% #FFDFE5	RVB 255 223 229	#FFDFE5

#BBB5E9 #CFBBEC #E1C2F0 #F2C9F4 #F7D0EE #FBD7E8 #FFDFE5

#BBB5E9 - #F2C9F4 - #FFDFE5

Codes CSS

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

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