#E6E5E4 - #FDF0EB | 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 #E6E5E4 à #FDF0EB

#E6E5E4 #FDF0EB

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

#E6E5E4 - #FDF0EB | 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 #E6E5E4 0% et #FDF0EB 100%.

0.0%	0.0% #E6E5E4	RVB 230 229 228	#E6E5E4
16.7%	16.7% #E9E6E5	RVB 233 230 229	#E9E6E5
33.3%	33.3% #EDE8E6	RVB 237 232 230	#EDE8E6
50.0%	50.0% #F1EAE7	RVB 241 234 231	#F1EAE7
66.7%	66.7% #F5ECE8	RVB 245 236 232	#F5ECE8
83.3%	83.3% #F9EEE9	RVB 249 238 233	#F9EEE9
100.0%	100.0% #FDF0EB	RVB 253 240 235	#FDF0EB

#E6E5E4 #E9E6E5 #EDE8E6 #F1EAE7 #F5ECE8 #F9EEE9 #FDF0EB

#E6E5E4 - #FDF0EB

Mélange HSV

#E6E5E4 - #FDF0EB | 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 #E6E5E4 0% et #FDF0EB 100%.

0.0%	0.0% #E6E5E4	RVB 230 229 228	#E6E5E4
16.7%	16.7% #E9E7E5	RVB 233 231 229	#E9E7E5
33.3%	33.3% #EDE9E6	RVB 237 233 230	#EDE9E6
50.0%	50.0% #F1EBE7	RVB 241 235 231	#F1EBE7
66.7%	66.7% #F5EDE8	RVB 245 237 232	#F5EDE8
83.3%	83.3% #F9EEEA	RVB 249 238 234	#F9EEEA
100.0%	100.0% #FDF0EB	RVB 253 240 235	#FDF0EB

#E6E5E4 #E9E7E5 #EDE9E6 #F1EBE7 #F5EDE8 #F9EEEA #FDF0EB

#E6E5E4 - #F1EBE7 - #FDF0EB

Codes CSS

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

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