#E5A8C7 - #FBEFE0 | 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 #E5A8C7 à #FBEFE0

#E5A8C7 #FBEFE0

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

#E5A8C7 - #FBEFE0 | 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 #E5A8C7 0% et #FBEFE0 100%.

0.0%	0.0% #E5A8C7	RVB 229 168 199	#E5A8C7
16.7%	16.7% #E8B3CB	RVB 232 179 203	#E8B3CB
33.3%	33.3% #ECBFCF	RVB 236 191 207	#ECBFCF
50.0%	50.0% #F0CBD3	RVB 240 203 211	#F0CBD3
66.7%	66.7% #F3D7D7	RVB 243 215 215	#F3D7D7
83.3%	83.3% #F7E3DB	RVB 247 227 219	#F7E3DB
100.0%	100.0% #FBEFE0	RVB 251 239 224	#FBEFE0

#E5A8C7 #E8B3CB #ECBFCF #F0CBD3 #F3D7D7 #F7E3DB #FBEFE0

#E5A8C7 - #FBEFE0

Mélange HSV

#E5A8C7 - #FBEFE0 | 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 #E5A8C7 0% et #FBEFE0 100%.

0.0%	0.0% #E5A8C7	RVB 229 168 199	#E5A8C7
16.7%	16.7% #E8B0C3	RVB 232 176 195	#E8B0C3
33.3%	33.3% #ECB9C1	RVB 236 185 193	#ECB9C1
50.0%	50.0% #F0C4C3	RVB 240 196 195	#F0C4C3
66.7%	66.7% #F3D4CC	RVB 243 212 204	#F3D4CC
83.3%	83.3% #F7E2D6	RVB 247 226 214	#F7E2D6
100.0%	100.0% #FBEFE0	RVB 251 239 224	#FBEFE0

#E5A8C7 #E8B0C3 #ECB9C1 #F0C4C3 #F3D4CC #F7E2D6 #FBEFE0

#E5A8C7 - #F0C4C3 - #FBEFE0

Codes CSS

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

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