#E5E3E4 - #BA98B2 | 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 #E5E3E4 à #BA98B2

#E5E3E4 #BA98B2

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

#E5E3E4 - #BA98B2 | 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 #E5E3E4 0% et #BA98B2 100%.

0.0%	0.0% #E5E3E4	RVB 229 227 228	#E5E3E4
16.7%	16.7% #DDD6DB	RVB 221 214 219	#DDD6DB
33.3%	33.3% #D6CAD3	RVB 214 202 211	#D6CAD3
50.0%	50.0% #CFBDCB	RVB 207 189 203	#CFBDCB
66.7%	66.7% #C8B1C2	RVB 200 177 194	#C8B1C2
83.3%	83.3% #C1A4BA	RVB 193 164 186	#C1A4BA
100.0%	100.0% #BA98B2	RVB 186 152 178	#BA98B2

#E5E3E4 #DDD6DB #D6CAD3 #CFBDCB #C8B1C2 #C1A4BA #BA98B2

#E5E3E4 - #BA98B2

Mélange HSV

#E5E3E4 - #BA98B2 | 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 #E5E3E4 0% et #BA98B2 100%.

0.0%	0.0% #E5E3E4	RVB 229 227 228	#E5E3E4
16.7%	16.7% #DDD5DA	RVB 221 213 218	#DDD5DA
33.3%	33.3% #D6C8D0	RVB 214 200 208	#D6C8D0
50.0%	50.0% #CFBBC8	RVB 207 187 200	#CFBBC8
66.7%	66.7% #C8AFC0	RVB 200 175 192	#C8AFC0
83.3%	83.3% #C1A3B8	RVB 193 163 184	#C1A3B8
100.0%	100.0% #BA98B2	RVB 186 152 178	#BA98B2

#E5E3E4 #DDD5DA #D6C8D0 #CFBBC8 #C8AFC0 #C1A3B8 #BA98B2

#E5E3E4 - #CFBBC8 - #BA98B2

Codes CSS

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

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