#E5E5E8 - #8BA7AF | 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 #E5E5E8 à #8BA7AF

#E5E5E8 #8BA7AF

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

#E5E5E8 - #8BA7AF | 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 #E5E5E8 0% et #8BA7AF 100%.

0.0%	0.0% #E5E5E8	RVB 229 229 232	#E5E5E8
16.7%	16.7% #D6DADE	RVB 214 218 222	#D6DADE
33.3%	33.3% #C7D0D5	RVB 199 208 213	#C7D0D5
50.0%	50.0% #B8C6CB	RVB 184 198 203	#B8C6CB
66.7%	66.7% #A9BBC2	RVB 169 187 194	#A9BBC2
83.3%	83.3% #9AB1B8	RVB 154 177 184	#9AB1B8
100.0%	100.0% #8BA7AF	RVB 139 167 175	#8BA7AF

#E5E5E8 #D6DADE #C7D0D5 #B8C6CB #A9BBC2 #9AB1B8 #8BA7AF

#E5E5E8 - #8BA7AF

Mélange HSV

#E5E5E8 - #8BA7AF | 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 #E5E5E8 0% et #8BA7AF 100%.

0.0%	0.0% #E5E5E8	RVB 229 229 232	#E5E5E8
16.7%	16.7% #D4D5DE	RVB 212 213 222	#D4D5DE
33.3%	33.3% #C4C8D5	RVB 196 200 213	#C4C8D5
50.0%	50.0% #B5BDCB	RVB 181 189 203	#B5BDCB
66.7%	66.7% #A6B4C2	RVB 166 180 194	#A6B4C2
83.3%	83.3% #98ADB8	RVB 152 173 184	#98ADB8
100.0%	100.0% #8BA7AF	RVB 139 167 175	#8BA7AF

#E5E5E8 #D4D5DE #C4C8D5 #B5BDCB #A6B4C2 #98ADB8 #8BA7AF

#E5E5E8 - #B5BDCB - #8BA7AF

Codes CSS

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

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