#E5E7E6 - #8BB0B8 | 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 #E5E7E6 à #8BB0B8

#E5E7E6 #8BB0B8

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

#E5E7E6 - #8BB0B8 | 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 #E5E7E6 0% et #8BB0B8 100%.

0.0%	0.0% #E5E7E6	RVB 229 231 230	#E5E7E6
16.7%	16.7% #D6DDDE	RVB 214 221 222	#D6DDDE
33.3%	33.3% #C7D4D6	RVB 199 212 214	#C7D4D6
50.0%	50.0% #B8CBCF	RVB 184 203 207	#B8CBCF
66.7%	66.7% #A9C2C7	RVB 169 194 199	#A9C2C7
83.3%	83.3% #9AB9BF	RVB 154 185 191	#9AB9BF
100.0%	100.0% #8BB0B8	RVB 139 176 184	#8BB0B8

#E5E7E6 #D6DDDE #C7D4D6 #B8CBCF #A9C2C7 #9AB9BF #8BB0B8

#E5E7E6 - #8BB0B8

Mélange HSV

#E5E7E6 - #8BB0B8 | 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 #E5E7E6 0% et #8BB0B8 100%.

0.0%	0.0% #E5E7E6	RVB 229 231 230	#E5E7E6
16.7%	16.7% #D4DFDB	RVB 212 223 219	#D4DFDB
33.3%	33.3% #C4D7D2	RVB 196 215 210	#C4D7D2
50.0%	50.0% #B5CFCB	RVB 181 207 203	#B5CFCB
66.7%	66.7% #A6C7C6	RVB 166 199 198	#A6C7C6
83.3%	83.3% #98BDBF	RVB 152 189 191	#98BDBF
100.0%	100.0% #8BB0B8	RVB 139 176 184	#8BB0B8

#E5E7E6 #D4DFDB #C4D7D2 #B5CFCB #A6C7C6 #98BDBF #8BB0B8

#E5E7E6 - #B5CFCB - #8BB0B8

Codes CSS

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

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