#E4D4D6 - #FFF5E3 | 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 #E4D4D6 à #FFF5E3

#E4D4D6 #FFF5E3

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

#E4D4D6 - #FFF5E3 | 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 #E4D4D6 0% et #FFF5E3 100%.

0.0%	0.0% #E4D4D6	RVB 228 212 214	#E4D4D6
16.7%	16.7% #E8D9D8	RVB 232 217 216	#E8D9D8
33.3%	33.3% #EDDFDA	RVB 237 223 218	#EDDFDA
50.0%	50.0% #F1E4DC	RVB 241 228 220	#F1E4DC
66.7%	66.7% #F6EADE	RVB 246 234 222	#F6EADE
83.3%	83.3% #FAEFE0	RVB 250 239 224	#FAEFE0
100.0%	100.0% #FFF5E3	RVB 255 245 227	#FFF5E3

#E4D4D6 #E8D9D8 #EDDFDA #F1E4DC #F6EADE #FAEFE0 #FFF5E3

#E4D4D6 - #FFF5E3

Mélange HSV

#E4D4D6 - #FFF5E3 | 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 #E4D4D6 0% et #FFF5E3 100%.

0.0%	0.0% #E4D4D6	RVB 228 212 214	#E4D4D6
16.7%	16.7% #E8D6D6	RVB 232 214 214	#E8D6D6
33.3%	33.3% #EDDBD9	RVB 237 219 217	#EDDBD9
50.0%	50.0% #F1E1DB	RVB 241 225 219	#F1E1DB
66.7%	66.7% #F6E7DE	RVB 246 231 222	#F6E7DE
83.3%	83.3% #FAEDE0	RVB 250 237 224	#FAEDE0
100.0%	100.0% #FFF5E3	RVB 255 245 227	#FFF5E3

#E4D4D6 #E8D6D6 #EDDBD9 #F1E1DB #F6E7DE #FAEDE0 #FFF5E3

#E4D4D6 - #F1E1DB - #FFF5E3

Codes CSS

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

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