#EED8C9 - #ECEBE7 | 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 #EED8C9 à #ECEBE7

#EED8C9 #ECEBE7

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

#EED8C9 - #ECEBE7 | 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 #EED8C9 0% et #ECEBE7 100%.

0.0%	0.0% #EED8C9	RVB 238 216 201	#EED8C9
16.7%	16.7% #EDDBCE	RVB 237 219 206	#EDDBCE
33.3%	33.3% #EDDED3	RVB 237 222 211	#EDDED3
50.0%	50.0% #EDE1D8	RVB 237 225 216	#EDE1D8
66.7%	66.7% #ECE4DD	RVB 236 228 221	#ECE4DD
83.3%	83.3% #ECE7E2	RVB 236 231 226	#ECE7E2
100.0%	100.0% #ECEBE7	RVB 236 235 231	#ECEBE7

#EED8C9 #EDDBCE #EDDED3 #EDE1D8 #ECE4DD #ECE7E2 #ECEBE7

#EED8C9 - #ECEBE7

Mélange HSV

#EED8C9 - #ECEBE7 | 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 #EED8C9 0% et #ECEBE7 100%.

0.0%	0.0% #EED8C9	RVB 238 216 201	#EED8C9
16.7%	16.7% #EDDCCE	RVB 237 220 206	#EDDCCE
33.3%	33.3% #EDE1D3	RVB 237 225 211	#EDE1D3
50.0%	50.0% #EDE4D8	RVB 237 228 216	#EDE4D8
66.7%	66.7% #ECE7DD	RVB 236 231 221	#ECE7DD
83.3%	83.3% #ECE9E2	RVB 236 233 226	#ECE9E2
100.0%	100.0% #ECEBE7	RVB 236 235 231	#ECEBE7

#EED8C9 #EDDCCE #EDE1D3 #EDE4D8 #ECE7DD #ECE9E2 #ECEBE7

#EED8C9 - #EDE4D8 - #ECEBE7

Codes CSS

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

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