#F9F0FF - #BFA2D0 | 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 #F9F0FF à #BFA2D0

#F9F0FF #BFA2D0

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

#F9F0FF - #BFA2D0 | 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 #F9F0FF 0% et #BFA2D0 100%.

0.0%	0.0% #F9F0FF	RVB 249 240 255	#F9F0FF
16.7%	16.7% #EFE3F7	RVB 239 227 247	#EFE3F7
33.3%	33.3% #E5D6EF	RVB 229 214 239	#E5D6EF
50.0%	50.0% #DCC9E7	RVB 220 201 231	#DCC9E7
66.7%	66.7% #D2BCDF	RVB 210 188 223	#D2BCDF
83.3%	83.3% #C8AFD7	RVB 200 175 215	#C8AFD7
100.0%	100.0% #BFA2D0	RVB 191 162 208	#BFA2D0

#F9F0FF #EFE3F7 #E5D6EF #DCC9E7 #D2BCDF #C8AFD7 #BFA2D0

#F9F0FF - #BFA2D0

Mélange HSV

#F9F0FF - #BFA2D0 | 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 #F9F0FF 0% et #BFA2D0 100%.

0.0%	0.0% #F9F0FF	RVB 249 240 255	#F9F0FF
16.7%	16.7% #EEE1F7	RVB 238 225 247	#EEE1F7
33.3%	33.3% #E4D4EF	RVB 228 212 239	#E4D4EF
50.0%	50.0% #DBC7E7	RVB 219 199 231	#DBC7E7
66.7%	66.7% #D1BADF	RVB 209 186 223	#D1BADF
83.3%	83.3% #C8ADD7	RVB 200 173 215	#C8ADD7
100.0%	100.0% #BFA2D0	RVB 191 162 208	#BFA2D0

#F9F0FF #EEE1F7 #E4D4EF #DBC7E7 #D1BADF #C8ADD7 #BFA2D0

#F9F0FF - #DBC7E7 - #BFA2D0

Codes CSS

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

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