#E2B7B7 - #FCF2D9 | 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 #E2B7B7 à #FCF2D9

#E2B7B7 #FCF2D9

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

#E2B7B7 - #FCF2D9 | 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 #E2B7B7 0% et #FCF2D9 100%.

0.0%	0.0% #E2B7B7	RVB 226 183 183	#E2B7B7
16.7%	16.7% #E6C0BC	RVB 230 192 188	#E6C0BC
33.3%	33.3% #EACAC2	RVB 234 202 194	#EACAC2
50.0%	50.0% #EFD4C8	RVB 239 212 200	#EFD4C8
66.7%	66.7% #F3DECD	RVB 243 222 205	#F3DECD
83.3%	83.3% #F7E8D3	RVB 247 232 211	#F7E8D3
100.0%	100.0% #FCF2D9	RVB 252 242 217	#FCF2D9

#E2B7B7 #E6C0BC #EACAC2 #EFD4C8 #F3DECD #F7E8D3 #FCF2D9

#E2B7B7 - #FCF2D9

Mélange HSV

#E2B7B7 - #FCF2D9 | 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 #E2B7B7 0% et #FCF2D9 100%.

0.0%	0.0% #E2B7B7	RVB 226 183 183	#E2B7B7
16.7%	16.7% #E6C1BC	RVB 230 193 188	#E6C1BC
33.3%	33.3% #EACBC2	RVB 234 203 194	#EACBC2
50.0%	50.0% #EFD5C7	RVB 239 213 199	#EFD5C7
66.7%	66.7% #F3DFCD	RVB 243 223 205	#F3DFCD
83.3%	83.3% #F7E8D3	RVB 247 232 211	#F7E8D3
100.0%	100.0% #FCF2D9	RVB 252 242 217	#FCF2D9

#E2B7B7 #E6C1BC #EACBC2 #EFD5C7 #F3DFCD #F7E8D3 #FCF2D9

#E2B7B7 - #EFD5C7 - #FCF2D9

Codes CSS

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

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