#E3E5EE - #8BA3B8 | 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 #E3E5EE à #8BA3B8

#E3E5EE #8BA3B8

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

#E3E5EE - #8BA3B8 | 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 #E3E5EE 0% et #8BA3B8 100%.

0.0%	0.0% #E3E5EE	RVB 227 229 238	#E3E5EE
16.7%	16.7% #D4DAE5	RVB 212 218 229	#D4DAE5
33.3%	33.3% #C5CFDC	RVB 197 207 220	#C5CFDC
50.0%	50.0% #B7C4D3	RVB 183 196 211	#B7C4D3
66.7%	66.7% #A8B9CA	RVB 168 185 202	#A8B9CA
83.3%	83.3% #99AEC1	RVB 153 174 193	#99AEC1
100.0%	100.0% #8BA3B8	RVB 139 163 184	#8BA3B8

#E3E5EE #D4DAE5 #C5CFDC #B7C4D3 #A8B9CA #99AEC1 #8BA3B8

#E3E5EE - #8BA3B8

Mélange HSV

#E3E5EE - #8BA3B8 | 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 #E3E5EE 0% et #8BA3B8 100%.

0.0%	0.0% #E3E5EE	RVB 227 229 238	#E3E5EE
16.7%	16.7% #D2D7E5	RVB 210 215 229	#D2D7E5
33.3%	33.3% #C3CADC	RVB 195 202 220	#C3CADC
50.0%	50.0% #B4BFD3	RVB 180 191 211	#B4BFD3
66.7%	66.7% #A5B4CA	RVB 165 180 202	#A5B4CA
83.3%	83.3% #98ABC1	RVB 152 171 193	#98ABC1
100.0%	100.0% #8BA3B8	RVB 139 163 184	#8BA3B8

#E3E5EE #D2D7E5 #C3CADC #B4BFD3 #A5B4CA #98ABC1 #8BA3B8

#E3E5EE - #B4BFD3 - #8BA3B8

Codes CSS

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

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