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

#F9F0FF #E7A8F7

Calculez la couleur entre deux couleurs, #F9F0FF et #E7A8F7. 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 - #E7A8F7 | 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 #E7A8F7 100%.

0.0%	0.0% #F9F0FF	RVB 249 240 255	#F9F0FF
16.7%	16.7% #F6E4FD	RVB 246 228 253	#F6E4FD
33.3%	33.3% #F3D8FC	RVB 243 216 252	#F3D8FC
50.0%	50.0% #F0CCFB	RVB 240 204 251	#F0CCFB
66.7%	66.7% #EDC0F9	RVB 237 192 249	#EDC0F9
83.3%	83.3% #EAB4F8	RVB 234 180 248	#EAB4F8
100.0%	100.0% #E7A8F7	RVB 231 168 247	#E7A8F7

#F9F0FF #F6E4FD #F3D8FC #F0CCFB #EDC0F9 #EAB4F8 #E7A8F7

#F9F0FF - #E7A8F7

Mélange HSV

#F9F0FF - #E7A8F7 | 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 #E7A8F7 100%.

0.0%	0.0% #F9F0FF	RVB 249 240 255	#F9F0FF
16.7%	16.7% #F4E3FD	RVB 244 227 253	#F4E3FD
33.3%	33.3% #F0D7FC	RVB 240 215 252	#F0D7FC
50.0%	50.0% #ECCBFB	RVB 236 203 251	#ECCBFB
66.7%	66.7% #EABFF9	RVB 234 191 249	#EABFF9
83.3%	83.3% #E8B3F8	RVB 232 179 248	#E8B3F8
100.0%	100.0% #E7A8F7	RVB 231 168 247	#E7A8F7

#F9F0FF #F4E3FD #F0D7FC #ECCBFB #EABFF9 #E8B3F8 #E7A8F7

#F9F0FF - #ECCBFB - #E7A8F7

Codes CSS

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

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