#E5EAFB - #8CA9CC | 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 #E5EAFB à #8CA9CC

#E5EAFB #8CA9CC

Calculez la couleur entre deux couleurs, #E5EAFB et #8CA9CC. 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)

#E5EAFB - #8CA9CC | 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 #E5EAFB 0% et #8CA9CC 100%.

0.0%	0.0% #E5EAFB	RVB 229 234 251	#E5EAFB
16.7%	16.7% #D6DFF3	RVB 214 223 243	#D6DFF3
33.3%	33.3% #C7D4EB	RVB 199 212 235	#C7D4EB
50.0%	50.0% #B8C9E3	RVB 184 201 227	#B8C9E3
66.7%	66.7% #A9BEDB	RVB 169 190 219	#A9BEDB
83.3%	83.3% #9AB3D3	RVB 154 179 211	#9AB3D3
100.0%	100.0% #8CA9CC	RVB 140 169 204	#8CA9CC

#E5EAFB #D6DFF3 #C7D4EB #B8C9E3 #A9BEDB #9AB3D3 #8CA9CC

#E5EAFB - #8CA9CC

Mélange HSV

#E5EAFB - #8CA9CC | 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 #E5EAFB 0% et #8CA9CC 100%.

0.0%	0.0% #E5EAFB	RVB 229 234 251	#E5EAFB
16.7%	16.7% #D4DCF3	RVB 212 220 243	#D4DCF3
33.3%	33.3% #C4D0EB	RVB 196 208 235	#C4D0EB
50.0%	50.0% #B5C5E3	RVB 181 197 227	#B5C5E3
66.7%	66.7% #A7BBDB	RVB 167 187 219	#A7BBDB
83.3%	83.3% #99B1D3	RVB 153 177 211	#99B1D3
100.0%	100.0% #8CA9CC	RVB 140 169 204	#8CA9CC

#E5EAFB #D4DCF3 #C4D0EB #B5C5E3 #A7BBDB #99B1D3 #8CA9CC

#E5EAFB - #B5C5E3 - #8CA9CC

Codes CSS

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

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