#E5EAFD - #DFEDF9 | 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 #E5EAFD à #DFEDF9

#E5EAFD #DFEDF9

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

#E5EAFD - #DFEDF9 | 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 #E5EAFD 0% et #DFEDF9 100%.

0.0%	0.0% #E5EAFD	RVB 229 234 253	#E5EAFD
16.7%	16.7% #E4EAFC	RVB 228 234 252	#E4EAFC
33.3%	33.3% #E3EBFB	RVB 227 235 251	#E3EBFB
50.0%	50.0% #E2EBFB	RVB 226 235 251	#E2EBFB
66.7%	66.7% #E1ECFA	RVB 225 236 250	#E1ECFA
83.3%	83.3% #E0ECF9	RVB 224 236 249	#E0ECF9
100.0%	100.0% #DFEDF9	RVB 223 237 249	#DFEDF9

#E5EAFD #E4EAFC #E3EBFB #E2EBFB #E1ECFA #E0ECF9 #DFEDF9

#E5EAFD - #DFEDF9

Mélange HSV

#E5EAFD - #DFEDF9 | 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 #E5EAFD 0% et #DFEDF9 100%.

0.0%	0.0% #E5EAFD	RVB 229 234 253	#E5EAFD
16.7%	16.7% #E3EAFC	RVB 227 234 252	#E3EAFC
33.3%	33.3% #E2EAFB	RVB 226 234 251	#E2EAFB
50.0%	50.0% #E1EBFB	RVB 225 235 251	#E1EBFB
66.7%	66.7% #E0EBFA	RVB 224 235 250	#E0EBFA
83.3%	83.3% #DFECF9	RVB 223 236 249	#DFECF9
100.0%	100.0% #DFEDF9	RVB 223 237 249	#DFEDF9

#E5EAFD #E3EAFC #E2EAFB #E1EBFB #E0EBFA #DFECF9 #DFEDF9

#E5EAFD - #E1EBFB - #DFEDF9

Codes CSS

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

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