#E5E4B0 - #E3CBD2 | 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 #E5E4B0 à #E3CBD2

#E5E4B0 #E3CBD2

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

#E5E4B0 - #E3CBD2 | 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 #E5E4B0 0% et #E3CBD2 100%.

0.0%	0.0% #E5E4B0	RVB 229 228 176	#E5E4B0
16.7%	16.7% #E4DFB5	RVB 228 223 181	#E4DFB5
33.3%	33.3% #E4DBBB	RVB 228 219 187	#E4DBBB
50.0%	50.0% #E4D7C1	RVB 228 215 193	#E4D7C1
66.7%	66.7% #E3D3C6	RVB 227 211 198	#E3D3C6
83.3%	83.3% #E3CFCC	RVB 227 207 204	#E3CFCC
100.0%	100.0% #E3CBD2	RVB 227 203 210	#E3CBD2

#E5E4B0 #E4DFB5 #E4DBBB #E4D7C1 #E3D3C6 #E3CFCC #E3CBD2

#E5E4B0 - #E3CBD2

Mélange HSV

#E5E4B0 - #E3CBD2 | 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 #E5E4B0 0% et #E3CBD2 100%.

0.0%	0.0% #E5E4B0	RVB 229 228 176	#E5E4B0
16.7%	16.7% #E4D9B4	RVB 228 217 180	#E4D9B4
33.3%	33.3% #E4D1B9	RVB 228 209 185	#E4D1B9
50.0%	50.0% #E4CABD	RVB 228 202 189	#E4CABD
66.7%	66.7% #E3C6C2	RVB 227 198 194	#E3C6C2
83.3%	83.3% #E3C6C8	RVB 227 198 200	#E3C6C8
100.0%	100.0% #E3CBD2	RVB 227 203 210	#E3CBD2

#E5E4B0 #E4D9B4 #E4D1B9 #E4CABD #E3C6C2 #E3C6C8 #E3CBD2

#E5E4B0 - #E4CABD - #E3CBD2

Codes CSS

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

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