#E5E7EC - #90A6B5 | 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 #E5E7EC à #90A6B5

#E5E7EC #90A6B5

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

#E5E7EC - #90A6B5 | 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 #E5E7EC 0% et #90A6B5 100%.

0.0%	0.0% #E5E7EC	RVB 229 231 236	#E5E7EC
16.7%	16.7% #D6DCE2	RVB 214 220 226	#D6DCE2
33.3%	33.3% #C8D1D9	RVB 200 209 217	#C8D1D9
50.0%	50.0% #BAC6D0	RVB 186 198 208	#BAC6D0
66.7%	66.7% #ACBBC7	RVB 172 187 199	#ACBBC7
83.3%	83.3% #9EB0BE	RVB 158 176 190	#9EB0BE
100.0%	100.0% #90A6B5	RVB 144 166 181	#90A6B5

#E5E7EC #D6DCE2 #C8D1D9 #BAC6D0 #ACBBC7 #9EB0BE #90A6B5

#E5E7EC - #90A6B5

Mélange HSV

#E5E7EC - #90A6B5 | 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 #E5E7EC 0% et #90A6B5 100%.

0.0%	0.0% #E5E7EC	RVB 229 231 236	#E5E7EC
16.7%	16.7% #D5D9E2	RVB 213 217 226	#D5D9E2
33.3%	33.3% #C6CDD9	RVB 198 205 217	#C6CDD9
50.0%	50.0% #B8C2D0	RVB 184 194 208	#B8C2D0
66.7%	66.7% #AAB8C7	RVB 170 184 199	#AAB8C7
83.3%	83.3% #9CAEBE	RVB 156 174 190	#9CAEBE
100.0%	100.0% #90A6B5	RVB 144 166 181	#90A6B5

#E5E7EC #D5D9E2 #C6CDD9 #B8C2D0 #AAB8C7 #9CAEBE #90A6B5

#E5E7EC - #B8C2D0 - #90A6B5

Codes CSS

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

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