#E5EAFD - #8BA8CF | 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 à #8BA8CF

#E5EAFD #8BA8CF

Calculez la couleur entre deux couleurs, #E5EAFD et #8BA8CF. 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 - #8BA8CF | 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 #8BA8CF 100%.

0.0%	0.0% #E5EAFD	RVB 229 234 253	#E5EAFD
16.7%	16.7% #D6DFF5	RVB 214 223 245	#D6DFF5
33.3%	33.3% #C7D4ED	RVB 199 212 237	#C7D4ED
50.0%	50.0% #B8C9E6	RVB 184 201 230	#B8C9E6
66.7%	66.7% #A9BEDE	RVB 169 190 222	#A9BEDE
83.3%	83.3% #9AB3D6	RVB 154 179 214	#9AB3D6
100.0%	100.0% #8BA8CF	RVB 139 168 207	#8BA8CF

#E5EAFD #D6DFF5 #C7D4ED #B8C9E6 #A9BEDE #9AB3D6 #8BA8CF

#E5EAFD - #8BA8CF

Mélange HSV

#E5EAFD - #8BA8CF | 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 #8BA8CF 100%.

0.0%	0.0% #E5EAFD	RVB 229 234 253	#E5EAFD
16.7%	16.7% #D4DCF5	RVB 212 220 245	#D4DCF5
33.3%	33.3% #C4D0ED	RVB 196 208 237	#C4D0ED
50.0%	50.0% #B5C4E6	RVB 181 196 230	#B5C4E6
66.7%	66.7% #A6BADE	RVB 166 186 222	#A6BADE
83.3%	83.3% #98B0D6	RVB 152 176 214	#98B0D6
100.0%	100.0% #8BA8CF	RVB 139 168 207	#8BA8CF

#E5EAFD #D4DCF5 #C4D0ED #B5C4E6 #A6BADE #98B0D6 #8BA8CF

#E5EAFD - #B5C4E6 - #8BA8CF

Codes CSS

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

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