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

#E5E7E5 #8BB0B8

Calculez la couleur entre deux couleurs, #E5E7E5 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)

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

0.0%	0.0% #E5E7E5	RVB 229 231 229	#E5E7E5
16.7%	16.7% #D6DDDD	RVB 214 221 221	#D6DDDD
33.3%	33.3% #C7D4D6	RVB 199 212 214	#C7D4D6
50.0%	50.0% #B8CBCE	RVB 184 203 206	#B8CBCE
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

#E5E7E5 #D6DDDD #C7D4D6 #B8CBCE #A9C2C7 #9AB9BF #8BB0B8

#E5E7E5 - #8BB0B8

Mélange HSV

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

0.0%	0.0% #E5E7E5	RVB 229 231 229	#E5E7E5
16.7%	16.7% #D4DFD6	RVB 212 223 214	#D4DFD6
33.3%	33.3% #C4D7CB	RVB 196 215 203	#C4D7CB
50.0%	50.0% #B5CFC4	RVB 181 207 196	#B5CFC4
66.7%	66.7% #A6C7C0	RVB 166 199 192	#A6C7C0
83.3%	83.3% #98BFBF	RVB 152 191 191	#98BFBF
100.0%	100.0% #8BB0B8	RVB 139 176 184	#8BB0B8

#E5E7E5 #D4DFD6 #C4D7CB #B5CFC4 #A6C7C0 #98BFBF #8BB0B8

#E5E7E5 - #B5CFC4 - #8BB0B8

Codes CSS

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

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