#E5E6EC - #8DA6B5 | 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 #E5E6EC à #8DA6B5

#E5E6EC #8DA6B5

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

#E5E6EC - #8DA6B5 | 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 #E5E6EC 0% et #8DA6B5 100%.

0.0%	0.0% #E5E6EC	RVB 229 230 236	#E5E6EC
16.7%	16.7% #D6DBE2	RVB 214 219 226	#D6DBE2
33.3%	33.3% #C7D0D9	RVB 199 208 217	#C7D0D9
50.0%	50.0% #B9C6D0	RVB 185 198 208	#B9C6D0
66.7%	66.7% #AABBC7	RVB 170 187 199	#AABBC7
83.3%	83.3% #9BB0BE	RVB 155 176 190	#9BB0BE
100.0%	100.0% #8DA6B5	RVB 141 166 181	#8DA6B5

#E5E6EC #D6DBE2 #C7D0D9 #B9C6D0 #AABBC7 #9BB0BE #8DA6B5

#E5E6EC - #8DA6B5

Mélange HSV

#E5E6EC - #8DA6B5 | 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 #E5E6EC 0% et #8DA6B5 100%.

0.0%	0.0% #E5E6EC	RVB 229 230 236	#E5E6EC
16.7%	16.7% #D4D7E2	RVB 212 215 226	#D4D7E2
33.3%	33.3% #C5CBD9	RVB 197 203 217	#C5CBD9
50.0%	50.0% #B6C0D0	RVB 182 192 208	#B6C0D0
66.7%	66.7% #A7B6C7	RVB 167 182 199	#A7B6C7
83.3%	83.3% #9AADBE	RVB 154 173 190	#9AADBE
100.0%	100.0% #8DA6B5	RVB 141 166 181	#8DA6B5

#E5E6EC #D4D7E2 #C5CBD9 #B6C0D0 #A7B6C7 #9AADBE #8DA6B5

#E5E6EC - #B6C0D0 - #8DA6B5

Codes CSS

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

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