#E5E2FC - #FFF8F1 | 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 #E5E2FC à #FFF8F1

#E5E2FC #FFF8F1

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

#E5E2FC - #FFF8F1 | 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 #E5E2FC 0% et #FFF8F1 100%.

0.0%	0.0% #E5E2FC	RVB 229 226 252	#E5E2FC
16.7%	16.7% #E9E5FA	RVB 233 229 250	#E9E5FA
33.3%	33.3% #EDE9F8	RVB 237 233 248	#EDE9F8
50.0%	50.0% #F2EDF6	RVB 242 237 246	#F2EDF6
66.7%	66.7% #F6F0F4	RVB 246 240 244	#F6F0F4
83.3%	83.3% #FAF4F2	RVB 250 244 242	#FAF4F2
100.0%	100.0% #FFF8F1	RVB 255 248 241	#FFF8F1

#E5E2FC #E9E5FA #EDE9F8 #F2EDF6 #F6F0F4 #FAF4F2 #FFF8F1

#E5E2FC - #FFF8F1

Mélange HSV

#E5E2FC - #FFF8F1 | 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 #E5E2FC 0% et #FFF8F1 100%.

0.0%	0.0% #E5E2FC	RVB 229 226 252	#E5E2FC
16.7%	16.7% #F0E4FC	RVB 240 228 252	#F0E4FC
33.3%	33.3% #FBE6FD	RVB 251 230 253	#FBE6FD
50.0%	50.0% #FDE9F7	RVB 253 233 247	#FDE9F7
66.7%	66.7% #FEEBF1	RVB 254 235 241	#FEEBF1
83.3%	83.3% #FEF0EE	RVB 254 240 238	#FEF0EE
100.0%	100.0% #FFF8F1	RVB 255 248 241	#FFF8F1

#E5E2FC #F0E4FC #FBE6FD #FDE9F7 #FEEBF1 #FEF0EE #FFF8F1

#E5E2FC - #FDE9F7 - #FFF8F1

Codes CSS

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

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