#FFE5E7 - #FDFFF7 | 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 #FFE5E7 à #FDFFF7

#FFE5E7 #FDFFF7

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

#FFE5E7 - #FDFFF7 | 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 #FFE5E7 0% et #FDFFF7 100%.

0.0%	0.0% #FFE5E7	RVB 255 229 231	#FFE5E7
16.7%	16.7% #FEE9E9	RVB 254 233 233	#FEE9E9
33.3%	33.3% #FEEDEC	RVB 254 237 236	#FEEDEC
50.0%	50.0% #FEF2EF	RVB 254 242 239	#FEF2EF
66.7%	66.7% #FDF6F1	RVB 253 246 241	#FDF6F1
83.3%	83.3% #FDFAF4	RVB 253 250 244	#FDFAF4
100.0%	100.0% #FDFFF7	RVB 253 255 247	#FDFFF7

#FFE5E7 #FEE9E9 #FEEDEC #FEF2EF #FDF6F1 #FDFAF4 #FDFFF7

#FFE5E7 - #FDFFF7

Mélange HSV

#FFE5E7 - #FDFFF7 | 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 #FFE5E7 0% et #FDFFF7 100%.

0.0%	0.0% #FFE5E7	RVB 255 229 231	#FFE5E7
16.7%	16.7% #FFEBE8	RVB 255 235 232	#FFEBE8
33.3%	33.3% #FFF2EB	RVB 255 242 235	#FFF2EB
50.0%	50.0% #FFF7EE	RVB 255 247 238	#FFF7EE
66.7%	66.7% #FFFCF1	RVB 255 252 241	#FFFCF1
83.3%	83.3% #FEFFF4	RVB 254 255 244	#FEFFF4
100.0%	100.0% #FDFFF7	RVB 253 255 247	#FDFFF7

#FFE5E7 #FFEBE8 #FFF2EB #FFF7EE #FFFCF1 #FEFFF4 #FDFFF7

#FFE5E7 - #FFF7EE - #FDFFF7

Codes CSS

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

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