#ECEAF8 - #FFF9F0 | 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 #ECEAF8 à #FFF9F0

#ECEAF8 #FFF9F0

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

#ECEAF8 - #FFF9F0 | 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 #ECEAF8 0% et #FFF9F0 100%.

0.0%	0.0% #ECEAF8	RVB 236 234 248	#ECEAF8
16.7%	16.7% #EFECF6	RVB 239 236 246	#EFECF6
33.3%	33.3% #F2EFF5	RVB 242 239 245	#F2EFF5
50.0%	50.0% #F5F1F4	RVB 245 241 244	#F5F1F4
66.7%	66.7% #F8F4F2	RVB 248 244 242	#F8F4F2
83.3%	83.3% #FBF6F1	RVB 251 246 241	#FBF6F1
100.0%	100.0% #FFF9F0	RVB 255 249 240	#FFF9F0

#ECEAF8 #EFECF6 #F2EFF5 #F5F1F4 #F8F4F2 #FBF6F1 #FFF9F0

#ECEAF8 - #FFF9F0

Mélange HSV

#ECEAF8 - #FFF9F0 | 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 #ECEAF8 0% et #FFF9F0 100%.

0.0%	0.0% #ECEAF8	RVB 236 234 248	#ECEAF8
16.7%	16.7% #F2EBF9	RVB 242 235 249	#F2EBF9
33.3%	33.3% #F9ECFA	RVB 249 236 250	#F9ECFA
50.0%	50.0% #FBEDF6	RVB 251 237 246	#FBEDF6
66.7%	66.7% #FCEEF1	RVB 252 238 241	#FCEEF1
83.3%	83.3% #FDF1EF	RVB 253 241 239	#FDF1EF
100.0%	100.0% #FFF9F0	RVB 255 249 240	#FFF9F0

#ECEAF8 #F2EBF9 #F9ECFA #FBEDF6 #FCEEF1 #FDF1EF #FFF9F0

#ECEAF8 - #FBEDF6 - #FFF9F0

Codes CSS

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

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