#E5E2FE - #FFF8F3 | 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 #E5E2FE à #FFF8F3

#E5E2FE #FFF8F3

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

#E5E2FE - #FFF8F3 | 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 #E5E2FE 0% et #FFF8F3 100%.

0.0%	0.0% #E5E2FE	RVB 229 226 254	#E5E2FE
16.7%	16.7% #E9E5FC	RVB 233 229 252	#E9E5FC
33.3%	33.3% #EDE9FA	RVB 237 233 250	#EDE9FA
50.0%	50.0% #F2EDF8	RVB 242 237 248	#F2EDF8
66.7%	66.7% #F6F0F6	RVB 246 240 246	#F6F0F6
83.3%	83.3% #FAF4F4	RVB 250 244 244	#FAF4F4
100.0%	100.0% #FFF8F3	RVB 255 248 243	#FFF8F3

#E5E2FE #E9E5FC #EDE9FA #F2EDF8 #F6F0F6 #FAF4F4 #FFF8F3

#E5E2FE - #FFF8F3

Mélange HSV

#E5E2FE - #FFF8F3 | 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 #E5E2FE 0% et #FFF8F3 100%.

0.0%	0.0% #E5E2FE	RVB 229 226 254	#E5E2FE
16.7%	16.7% #F1E4FE	RVB 241 228 254	#F1E4FE
33.3%	33.3% #FBE7FE	RVB 251 231 254	#FBE7FE
50.0%	50.0% #FEEAF9	RVB 254 234 249	#FEEAF9
66.7%	66.7% #FEEDF3	RVB 254 237 243	#FEEDF3
83.3%	83.3% #FEF0F0	RVB 254 240 240	#FEF0F0
100.0%	100.0% #FFF8F3	RVB 255 248 243	#FFF8F3

#E5E2FE #F1E4FE #FBE7FE #FEEAF9 #FEEDF3 #FEF0F0 #FFF8F3

#E5E2FE - #FEEAF9 - #FFF8F3

Codes CSS

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

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