#E5E7F3 - #8CA6C0 | 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 #E5E7F3 à #8CA6C0

#E5E7F3 #8CA6C0

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

#E5E7F3 - #8CA6C0 | 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 #E5E7F3 0% et #8CA6C0 100%.

0.0%	0.0% #E5E7F3	RVB 229 231 243	#E5E7F3
16.7%	16.7% #D6DCEA	RVB 214 220 234	#D6DCEA
33.3%	33.3% #C7D1E2	RVB 199 209 226	#C7D1E2
50.0%	50.0% #B8C6D9	RVB 184 198 217	#B8C6D9
66.7%	66.7% #A9BBD1	RVB 169 187 209	#A9BBD1
83.3%	83.3% #9AB0C8	RVB 154 176 200	#9AB0C8
100.0%	100.0% #8CA6C0	RVB 140 166 192	#8CA6C0

#E5E7F3 #D6DCEA #C7D1E2 #B8C6D9 #A9BBD1 #9AB0C8 #8CA6C0

#E5E7F3 - #8CA6C0

Mélange HSV

#E5E7F3 - #8CA6C0 | 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 #E5E7F3 0% et #8CA6C0 100%.

0.0%	0.0% #E5E7F3	RVB 229 231 243	#E5E7F3
16.7%	16.7% #D4D9EA	RVB 212 217 234	#D4D9EA
33.3%	33.3% #C4CCE2	RVB 196 204 226	#C4CCE2
50.0%	50.0% #B5C1D9	RVB 181 193 217	#B5C1D9
66.7%	66.7% #A7B7D1	RVB 167 183 209	#A7B7D1
83.3%	83.3% #99AEC8	RVB 153 174 200	#99AEC8
100.0%	100.0% #8CA6C0	RVB 140 166 192	#8CA6C0

#E5E7F3 #D4D9EA #C4CCE2 #B5C1D9 #A7B7D1 #99AEC8 #8CA6C0

#E5E7F3 - #B5C1D9 - #8CA6C0

Codes CSS

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

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