#9FADE7 - #E3E7F8 | 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 #9FADE7 à #E3E7F8

#9FADE7 #E3E7F8

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

#9FADE7 - #E3E7F8 | 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 #9FADE7 0% et #E3E7F8 100%.

0.0%	0.0% #9FADE7	RVB 159 173 231	#9FADE7
16.7%	16.7% #AAB6E9	RVB 170 182 233	#AAB6E9
33.3%	33.3% #B5C0EC	RVB 181 192 236	#B5C0EC
50.0%	50.0% #C1CAEF	RVB 193 202 239	#C1CAEF
66.7%	66.7% #CCD3F2	RVB 204 211 242	#CCD3F2
83.3%	83.3% #D7DDF5	RVB 215 221 245	#D7DDF5
100.0%	100.0% #E3E7F8	RVB 227 231 248	#E3E7F8

#9FADE7 #AAB6E9 #B5C0EC #C1CAEF #CCD3F2 #D7DDF5 #E3E7F8

#9FADE7 - #E3E7F8

Mélange HSV

#9FADE7 - #E3E7F8 | 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 #9FADE7 0% et #E3E7F8 100%.

0.0%	0.0% #9FADE7	RVB 159 173 231	#9FADE7
16.7%	16.7% #A9B6E9	RVB 169 182 233	#A9B6E9
33.3%	33.3% #B4BFEC	RVB 180 191 236	#B4BFEC
50.0%	50.0% #C0C9EF	RVB 192 201 239	#C0C9EF
66.7%	66.7% #CBD2F2	RVB 203 210 242	#CBD2F2
83.3%	83.3% #D7DCF5	RVB 215 220 245	#D7DCF5
100.0%	100.0% #E3E7F8	RVB 227 231 248	#E3E7F8

#9FADE7 #A9B6E9 #B4BFEC #C0C9EF #CBD2F2 #D7DCF5 #E3E7F8

#9FADE7 - #C0C9EF - #E3E7F8

Codes CSS

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

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