#E5E7AB - #E3CAD2 | 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 #E5E7AB à #E3CAD2

#E5E7AB #E3CAD2

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

#E5E7AB - #E3CAD2 | 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 #E5E7AB 0% et #E3CAD2 100%.

0.0%	0.0% #E5E7AB	RVB 229 231 171	#E5E7AB
16.7%	16.7% #E4E2B1	RVB 228 226 177	#E4E2B1
33.3%	33.3% #E4DDB8	RVB 228 221 184	#E4DDB8
50.0%	50.0% #E4D8BE	RVB 228 216 190	#E4D8BE
66.7%	66.7% #E3D3C5	RVB 227 211 197	#E3D3C5
83.3%	83.3% #E3CECB	RVB 227 206 203	#E3CECB
100.0%	100.0% #E3CAD2	RVB 227 202 210	#E3CAD2

#E5E7AB #E4E2B1 #E4DDB8 #E4D8BE #E3D3C5 #E3CECB #E3CAD2

#E5E7AB - #E3CAD2

Mélange HSV

#E5E7AB - #E3CAD2 | 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 #E5E7AB 0% et #E3CAD2 100%.

0.0%	0.0% #E5E7AB	RVB 229 231 171	#E5E7AB
16.7%	16.7% #E6DBB0	RVB 230 219 176	#E6DBB0
33.3%	33.3% #E5D1B5	RVB 229 209 181	#E5D1B5
50.0%	50.0% #E5C9BA	RVB 229 201 186	#E5C9BA
66.7%	66.7% #E4C4BF	RVB 228 196 191	#E4C4BF
83.3%	83.3% #E3C4C7	RVB 227 196 199	#E3C4C7
100.0%	100.0% #E3CAD2	RVB 227 202 210	#E3CAD2

#E5E7AB #E6DBB0 #E5D1B5 #E5C9BA #E4C4BF #E3C4C7 #E3CAD2

#E5E7AB - #E5C9BA - #E3CAD2

Codes CSS

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

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