#9EB6AD - #E3EAE6 | 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 #9EB6AD à #E3EAE6

#9EB6AD #E3EAE6

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

#9EB6AD - #E3EAE6 | 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 #9EB6AD 0% et #E3EAE6 100%.

0.0%	0.0% #9EB6AD	RVB 158 182 173	#9EB6AD
16.7%	16.7% #A9BEB6	RVB 169 190 182	#A9BEB6
33.3%	33.3% #B5C7C0	RVB 181 199 192	#B5C7C0
50.0%	50.0% #C0D0C9	RVB 192 208 201	#C0D0C9
66.7%	66.7% #CCD8D3	RVB 204 216 211	#CCD8D3
83.3%	83.3% #D7E1DC	RVB 215 225 220	#D7E1DC
100.0%	100.0% #E3EAE6	RVB 227 234 230	#E3EAE6

#9EB6AD #A9BEB6 #B5C7C0 #C0D0C9 #CCD8D3 #D7E1DC #E3EAE6

#9EB6AD - #E3EAE6

Mélange HSV

#9EB6AD - #E3EAE6 | 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 #9EB6AD 0% et #E3EAE6 100%.

0.0%	0.0% #9EB6AD	RVB 158 182 173	#9EB6AD
16.7%	16.7% #A8BEB5	RVB 168 190 181	#A8BEB5
33.3%	33.3% #B3C7BE	RVB 179 199 190	#B3C7BE
50.0%	50.0% #BFD0C8	RVB 191 208 200	#BFD0C8
66.7%	66.7% #CAD8D1	RVB 202 216 209	#CAD8D1
83.3%	83.3% #D6E1DB	RVB 214 225 219	#D6E1DB
100.0%	100.0% #E3EAE6	RVB 227 234 230	#E3EAE6

#9EB6AD #A8BEB5 #B3C7BE #BFD0C8 #CAD8D1 #D6E1DB #E3EAE6

#9EB6AD - #BFD0C8 - #E3EAE6

Codes CSS

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

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