#FFE5E9 - #FDFFFA | 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 #FFE5E9 à #FDFFFA

#FFE5E9 #FDFFFA

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

#FFE5E9 - #FDFFFA | 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 #FFE5E9 0% et #FDFFFA 100%.

0.0%	0.0% #FFE5E9	RVB 255 229 233	#FFE5E9
16.7%	16.7% #FEE9EB	RVB 254 233 235	#FEE9EB
33.3%	33.3% #FEEDEE	RVB 254 237 238	#FEEDEE
50.0%	50.0% #FEF2F1	RVB 254 242 241	#FEF2F1
66.7%	66.7% #FDF6F4	RVB 253 246 244	#FDF6F4
83.3%	83.3% #FDFAF7	RVB 253 250 247	#FDFAF7
100.0%	100.0% #FDFFFA	RVB 253 255 250	#FDFFFA

#FFE5E9 #FEE9EB #FEEDEE #FEF2F1 #FDF6F4 #FDFAF7 #FDFFFA

#FFE5E9 - #FDFFFA

Mélange HSV

#FFE5E9 - #FDFFFA | 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 #FFE5E9 0% et #FDFFFA 100%.

0.0%	0.0% #FFE5E9	RVB 255 229 233	#FFE5E9
16.7%	16.7% #FFEAE8	RVB 255 234 232	#FFEAE8
33.3%	33.3% #FFF2EC	RVB 255 242 236	#FFF2EC
50.0%	50.0% #FFF9EF	RVB 255 249 239	#FFF9EF
66.7%	66.7% #FFFDF3	RVB 255 253 243	#FFFDF3
83.3%	83.3% #FDFFF6	RVB 253 255 246	#FDFFF6
100.0%	100.0% #FDFFFA	RVB 253 255 250	#FDFFFA

#FFE5E9 #FFEAE8 #FFF2EC #FFF9EF #FFFDF3 #FDFFF6 #FDFFFA

#FFE5E9 - #FFF9EF - #FDFFFA

Codes CSS

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

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