#E7BBCC - #E5E1E2 | 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 #E7BBCC à #E5E1E2

#E7BBCC #E5E1E2

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

#E7BBCC - #E5E1E2 | 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 #E7BBCC 0% et #E5E1E2 100%.

0.0%	0.0% #E7BBCC	RVB 231 187 204	#E7BBCC
16.7%	16.7% #E6C1CF	RVB 230 193 207	#E6C1CF
33.3%	33.3% #E6C7D3	RVB 230 199 211	#E6C7D3
50.0%	50.0% #E6CED7	RVB 230 206 215	#E6CED7
66.7%	66.7% #E5D4DA	RVB 229 212 218	#E5D4DA
83.3%	83.3% #E5DADE	RVB 229 218 222	#E5DADE
100.0%	100.0% #E5E1E2	RVB 229 225 226	#E5E1E2

#E7BBCC #E6C1CF #E6C7D3 #E6CED7 #E5D4DA #E5DADE #E5E1E2

#E7BBCC - #E5E1E2

Mélange HSV

#E7BBCC - #E5E1E2 | 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 #E7BBCC 0% et #E5E1E2 100%.

0.0%	0.0% #E7BBCC	RVB 231 187 204	#E7BBCC
16.7%	16.7% #E6C1CE	RVB 230 193 206	#E6C1CE
33.3%	33.3% #E6C7D2	RVB 230 199 210	#E6C7D2
50.0%	50.0% #E6CED5	RVB 230 206 213	#E6CED5
66.7%	66.7% #E5D4D9	RVB 229 212 217	#E5D4D9
83.3%	83.3% #E5DADD	RVB 229 218 221	#E5DADD
100.0%	100.0% #E5E1E2	RVB 229 225 226	#E5E1E2

#E7BBCC #E6C1CE #E6C7D2 #E6CED5 #E5D4D9 #E5DADD #E5E1E2

#E7BBCC - #E6CED5 - #E5E1E2

Codes CSS

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

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