#9FACF2 - #ECE7E4 | 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 #9FACF2 à #ECE7E4

#9FACF2 #ECE7E4

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

#9FACF2 - #ECE7E4 | 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 #9FACF2 0% et #ECE7E4 100%.

0.0%	0.0% #9FACF2	RVB 159 172 242	#9FACF2
16.7%	16.7% #ABB5EF	RVB 171 181 239	#ABB5EF
33.3%	33.3% #B8BFED	RVB 184 191 237	#B8BFED
50.0%	50.0% #C5C9EB	RVB 197 201 235	#C5C9EB
66.7%	66.7% #D2D3E8	RVB 210 211 232	#D2D3E8
83.3%	83.3% #DFDDE6	RVB 223 221 230	#DFDDE6
100.0%	100.0% #ECE7E4	RVB 236 231 228	#ECE7E4

#9FACF2 #ABB5EF #B8BFED #C5C9EB #D2D3E8 #DFDDE6 #ECE7E4

#9FACF2 - #ECE7E4

Mélange HSV

#9FACF2 - #ECE7E4 | 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 #9FACF2 0% et #ECE7E4 100%.

0.0%	0.0% #9FACF2	RVB 159 172 242	#9FACF2
16.7%	16.7% #BDAAF1	RVB 189 170 241	#BDAAF1
33.3%	33.3% #DDB6F0	RVB 221 182 240	#DDB6F0
50.0%	50.0% #EFC1EA	RVB 239 193 234	#EFC1EA
66.7%	66.7% #EECDDC	RVB 238 205 220	#EECDDC
83.3%	83.3% #EDD8D9	RVB 237 216 217	#EDD8D9
100.0%	100.0% #ECE7E4	RVB 236 231 228	#ECE7E4

#9FACF2 #BDAAF1 #DDB6F0 #EFC1EA #EECDDC #EDD8D9 #ECE7E4

#9FACF2 - #EFC1EA - #ECE7E4

Codes CSS

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

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