#9EB6AE - #E3EAE7 | 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 #9EB6AE à #E3EAE7

#9EB6AE #E3EAE7

Calculez la couleur entre deux couleurs, #9EB6AE et #E3EAE7. 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)

#9EB6AE - #E3EAE7 | 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 #9EB6AE 0% et #E3EAE7 100%.

0.0%	0.0% #9EB6AE	RVB 158 182 174	#9EB6AE
16.7%	16.7% #A9BEB7	RVB 169 190 183	#A9BEB7
33.3%	33.3% #B5C7C1	RVB 181 199 193	#B5C7C1
50.0%	50.0% #C0D0CA	RVB 192 208 202	#C0D0CA
66.7%	66.7% #CCD8D4	RVB 204 216 212	#CCD8D4
83.3%	83.3% #D7E1DD	RVB 215 225 221	#D7E1DD
100.0%	100.0% #E3EAE7	RVB 227 234 231	#E3EAE7

#9EB6AE #A9BEB7 #B5C7C1 #C0D0CA #CCD8D4 #D7E1DD #E3EAE7

#9EB6AE - #E3EAE7

Mélange HSV

#9EB6AE - #E3EAE7 | 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 #9EB6AE 0% et #E3EAE7 100%.

0.0%	0.0% #9EB6AE	RVB 158 182 174	#9EB6AE
16.7%	16.7% #A8BEB7	RVB 168 190 183	#A8BEB7
33.3%	33.3% #B3C7C0	RVB 179 199 192	#B3C7C0
50.0%	50.0% #BFD0C9	RVB 191 208 201	#BFD0C9
66.7%	66.7% #CAD8D3	RVB 202 216 211	#CAD8D3
83.3%	83.3% #D6E1DC	RVB 214 225 220	#D6E1DC
100.0%	100.0% #E3EAE7	RVB 227 234 231	#E3EAE7

#9EB6AE #A8BEB7 #B3C7C0 #BFD0C9 #CAD8D3 #D6E1DC #E3EAE7

#9EB6AE - #BFD0C9 - #E3EAE7

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9EB6AE 0%, #BFD0C9 50%, #E3EAE7 100%);
    background: -webkit-linear-gradient(top, #9EB6AE 0%, #BFD0C9 50%, #E3EAE7 100%);
    background: linear-gradient(to bottom, #9EB6AE 0%, #BFD0C9 50%, #E3EAE7 100%);
}
</style>