#ECEADA - #FAFFF0 | 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 #ECEADA à #FAFFF0

#ECEADA #FAFFF0

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

#ECEADA - #FAFFF0 | 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 #ECEADA 0% et #FAFFF0 100%.

0.0%	0.0% #ECEADA	RVB 236 234 218	#ECEADA
16.7%	16.7% #EEEDDD	RVB 238 237 221	#EEEDDD
33.3%	33.3% #F0F1E1	RVB 240 241 225	#F0F1E1
50.0%	50.0% #F3F4E5	RVB 243 244 229	#F3F4E5
66.7%	66.7% #F5F8E8	RVB 245 248 232	#F5F8E8
83.3%	83.3% #F7FBEC	RVB 247 251 236	#F7FBEC
100.0%	100.0% #FAFFF0	RVB 250 255 240	#FAFFF0

#ECEADA #EEEDDD #F0F1E1 #F3F4E5 #F5F8E8 #F7FBEC #FAFFF0

#ECEADA - #FAFFF0

Mélange HSV

#ECEADA - #FAFFF0 | 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 #ECEADA 0% et #FAFFF0 100%.

0.0%	0.0% #ECEADA	RVB 236 234 218	#ECEADA
16.7%	16.7% #EFEEDD	RVB 239 238 221	#EFEEDD
33.3%	33.3% #F1F2E1	RVB 241 242 225	#F1F2E1
50.0%	50.0% #F3F5E4	RVB 243 245 228	#F3F5E4
66.7%	66.7% #F5F8E8	RVB 245 248 232	#F5F8E8
83.3%	83.3% #F7FBEC	RVB 247 251 236	#F7FBEC
100.0%	100.0% #FAFFF0	RVB 250 255 240	#FAFFF0

#ECEADA #EFEEDD #F1F2E1 #F3F5E4 #F5F8E8 #F7FBEC #FAFFF0

#ECEADA - #F3F5E4 - #FAFFF0

Codes CSS

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

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