#ECEAE7 - #FEFFFD | 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 #ECEAE7 à #FEFFFD

#ECEAE7 #FEFFFD

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

#ECEAE7 - #FEFFFD | 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 #ECEAE7 0% et #FEFFFD 100%.

0.0%	0.0% #ECEAE7	RVB 236 234 231	#ECEAE7
16.7%	16.7% #EFEDEA	RVB 239 237 234	#EFEDEA
33.3%	33.3% #F2F1EE	RVB 242 241 238	#F2F1EE
50.0%	50.0% #F5F4F2	RVB 245 244 242	#F5F4F2
66.7%	66.7% #F8F8F5	RVB 248 248 245	#F8F8F5
83.3%	83.3% #FBFBF9	RVB 251 251 249	#FBFBF9
100.0%	100.0% #FEFFFD	RVB 254 255 253	#FEFFFD

#ECEAE7 #EFEDEA #F2F1EE #F5F4F2 #F8F8F5 #FBFBF9 #FEFFFD

#ECEAE7 - #FEFFFD

Mélange HSV

#ECEAE7 - #FEFFFD | 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 #ECEAE7 0% et #FEFFFD 100%.

0.0%	0.0% #ECEAE7	RVB 236 234 231	#ECEAE7
16.7%	16.7% #EFEEEA	RVB 239 238 234	#EFEEEA
33.3%	33.3% #F2F1EE	RVB 242 241 238	#F2F1EE
50.0%	50.0% #F5F5F1	RVB 245 245 241	#F5F5F1
66.7%	66.7% #F8F8F5	RVB 248 248 245	#F8F8F5
83.3%	83.3% #FAFBF9	RVB 250 251 249	#FAFBF9
100.0%	100.0% #FEFFFD	RVB 254 255 253	#FEFFFD

#ECEAE7 #EFEEEA #F2F1EE #F5F5F1 #F8F8F5 #FAFBF9 #FEFFFD

#ECEAE7 - #F5F5F1 - #FEFFFD

Codes CSS

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

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