#E5ECF7 - #90ABC6 | 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 #E5ECF7 à #90ABC6

#E5ECF7 #90ABC6

Calculez la couleur entre deux couleurs, #E5ECF7 et #90ABC6. 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)

#E5ECF7 - #90ABC6 | 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 #E5ECF7 0% et #90ABC6 100%.

0.0%	0.0% #E5ECF7	RVB 229 236 247	#E5ECF7
16.7%	16.7% #D6E1EE	RVB 214 225 238	#D6E1EE
33.3%	33.3% #C8D6E6	RVB 200 214 230	#C8D6E6
50.0%	50.0% #BACBDE	RVB 186 203 222	#BACBDE
66.7%	66.7% #ACC0D6	RVB 172 192 214	#ACC0D6
83.3%	83.3% #9EB5CE	RVB 158 181 206	#9EB5CE
100.0%	100.0% #90ABC6	RVB 144 171 198	#90ABC6

#E5ECF7 #D6E1EE #C8D6E6 #BACBDE #ACC0D6 #9EB5CE #90ABC6

#E5ECF7 - #90ABC6

Mélange HSV

#E5ECF7 - #90ABC6 | 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 #E5ECF7 0% et #90ABC6 100%.

0.0%	0.0% #E5ECF7	RVB 229 236 247	#E5ECF7
16.7%	16.7% #D5DFEE	RVB 213 223 238	#D5DFEE
33.3%	33.3% #C6D4E6	RVB 198 212 230	#C6D4E6
50.0%	50.0% #B8C9DE	RVB 184 201 222	#B8C9DE
66.7%	66.7% #AABED6	RVB 170 190 214	#AABED6
83.3%	83.3% #9CB4CE	RVB 156 180 206	#9CB4CE
100.0%	100.0% #90ABC6	RVB 144 171 198	#90ABC6

#E5ECF7 #D5DFEE #C6D4E6 #B8C9DE #AABED6 #9CB4CE #90ABC6

#E5ECF7 - #B8C9DE - #90ABC6

Codes CSS

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

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