#FCF8FF - #DFDEFE | 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 #FCF8FF à #DFDEFE

#FCF8FF #DFDEFE

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

#FCF8FF - #DFDEFE | 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 #FCF8FF 0% et #DFDEFE 100%.

0.0%	0.0% #FCF8FF	RVB 252 248 255	#FCF8FF
16.7%	16.7% #F7F3FE	RVB 247 243 254	#F7F3FE
33.3%	33.3% #F2EFFE	RVB 242 239 254	#F2EFFE
50.0%	50.0% #EDEBFE	RVB 237 235 254	#EDEBFE
66.7%	66.7% #E8E6FE	RVB 232 230 254	#E8E6FE
83.3%	83.3% #E3E2FE	RVB 227 226 254	#E3E2FE
100.0%	100.0% #DFDEFE	RVB 223 222 254	#DFDEFE

#FCF8FF #F7F3FE #F2EFFE #EDEBFE #E8E6FE #E3E2FE #DFDEFE

#FCF8FF - #DFDEFE

Mélange HSV

#FCF8FF - #DFDEFE | 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 #FCF8FF 0% et #DFDEFE 100%.

0.0%	0.0% #FCF8FF	RVB 252 248 255	#FCF8FF
16.7%	16.7% #F9F3FE	RVB 249 243 254	#F9F3FE
33.3%	33.3% #F5EFFE	RVB 245 239 254	#F5EFFE
50.0%	50.0% #F0EAFE	RVB 240 234 254	#F0EAFE
66.7%	66.7% #EBE6FE	RVB 235 230 254	#EBE6FE
83.3%	83.3% #E5E2FE	RVB 229 226 254	#E5E2FE
100.0%	100.0% #DFDEFE	RVB 223 222 254	#DFDEFE

#FCF8FF #F9F3FE #F5EFFE #F0EAFE #EBE6FE #E5E2FE #DFDEFE

#FCF8FF - #F0EAFE - #DFDEFE

Codes CSS

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

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