#ECE6EB - #FFFEFD | 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 #ECE6EB à #FFFEFD

#ECE6EB #FFFEFD

Calculez la couleur entre deux couleurs, #ECE6EB et #FFFEFD. 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)

#ECE6EB - #FFFEFD | 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 #ECE6EB 0% et #FFFEFD 100%.

0.0%	0.0% #ECE6EB	RVB 236 230 235	#ECE6EB
16.7%	16.7% #EFEAEE	RVB 239 234 238	#EFEAEE
33.3%	33.3% #F2EEF1	RVB 242 238 241	#F2EEF1
50.0%	50.0% #F5F2F4	RVB 245 242 244	#F5F2F4
66.7%	66.7% #F8F6F7	RVB 248 246 247	#F8F6F7
83.3%	83.3% #FBFAFA	RVB 251 250 250	#FBFAFA
100.0%	100.0% #FFFEFD	RVB 255 254 253	#FFFEFD

#ECE6EB #EFEAEE #F2EEF1 #F5F2F4 #F8F6F7 #FBFAFA #FFFEFD

#ECE6EB - #FFFEFD

Mélange HSV

#ECE6EB - #FFFEFD | 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 #ECE6EB 0% et #FFFEFD 100%.

0.0%	0.0% #ECE6EB	RVB 236 230 235	#ECE6EB
16.7%	16.7% #EFE9ED	RVB 239 233 237	#EFE9ED
33.3%	33.3% #F2EDEF	RVB 242 237 239	#F2EDEF
50.0%	50.0% #F5F1F2	RVB 245 241 242	#F5F1F2
66.7%	66.7% #F8F5F5	RVB 248 245 245	#F8F5F5
83.3%	83.3% #FBF9F9	RVB 251 249 249	#FBF9F9
100.0%	100.0% #FFFEFD	RVB 255 254 253	#FFFEFD

#ECE6EB #EFE9ED #F2EDEF #F5F1F2 #F8F5F5 #FBF9F9 #FFFEFD

#ECE6EB - #F5F1F2 - #FFFEFD

Codes CSS

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

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