#E2CFD9 - #FFECE3 | 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 #E2CFD9 à #FFECE3

#E2CFD9 #FFECE3

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

#E2CFD9 - #FFECE3 | 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 #E2CFD9 0% et #FFECE3 100%.

0.0%	0.0% #E2CFD9	RVB 226 207 217	#E2CFD9
16.7%	16.7% #E6D3DA	RVB 230 211 218	#E6D3DA
33.3%	33.3% #EBD8DC	RVB 235 216 220	#EBD8DC
50.0%	50.0% #F0DDDE	RVB 240 221 222	#F0DDDE
66.7%	66.7% #F5E2DF	RVB 245 226 223	#F5E2DF
83.3%	83.3% #FAE7E1	RVB 250 231 225	#FAE7E1
100.0%	100.0% #FFECE3	RVB 255 236 227	#FFECE3

#E2CFD9 #E6D3DA #EBD8DC #F0DDDE #F5E2DF #FAE7E1 #FFECE3

#E2CFD9 - #FFECE3

Mélange HSV

#E2CFD9 - #FFECE3 | 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 #E2CFD9 0% et #FFECE3 100%.

0.0%	0.0% #E2CFD9	RVB 226 207 217	#E2CFD9
16.7%	16.7% #E6D2DA	RVB 230 210 218	#E6D2DA
33.3%	33.3% #EBD5DB	RVB 235 213 219	#EBD5DB
50.0%	50.0% #F0D9DB	RVB 240 217 219	#F0D9DB
66.7%	66.7% #F5DDDC	RVB 245 221 220	#F5DDDC
83.3%	83.3% #FAE4DF	RVB 250 228 223	#FAE4DF
100.0%	100.0% #FFECE3	RVB 255 236 227	#FFECE3

#E2CFD9 #E6D2DA #EBD5DB #F0D9DB #F5DDDC #FAE4DF #FFECE3

#E2CFD9 - #F0D9DB - #FFECE3

Codes CSS

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

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