#B29B5E - #E9E2D1 | 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 #B29B5E à #E9E2D1

#B29B5E #E9E2D1

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

#B29B5E - #E9E2D1 | 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 #B29B5E 0% et #E9E2D1 100%.

0.0%	0.0% #B29B5E	RVB 178 155 94	#B29B5E
16.7%	16.7% #BBA671	RVB 187 166 113	#BBA671
33.3%	33.3% #C4B284	RVB 196 178 132	#C4B284
50.0%	50.0% #CDBE97	RVB 205 190 151	#CDBE97
66.7%	66.7% #D6CAAA	RVB 214 202 170	#D6CAAA
83.3%	83.3% #DFD6BD	RVB 223 214 189	#DFD6BD
100.0%	100.0% #E9E2D1	RVB 233 226 209	#E9E2D1

#B29B5E #BBA671 #C4B284 #CDBE97 #D6CAAA #DFD6BD #E9E2D1

#B29B5E - #E9E2D1

Mélange HSV

#B29B5E - #E9E2D1 | 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 #B29B5E 0% et #E9E2D1 100%.

0.0%	0.0% #B29B5E	RVB 178 155 94	#B29B5E
16.7%	16.7% #BBA56E	RVB 187 165 110	#BBA56E
33.3%	33.3% #C4B17F	RVB 196 177 127	#C4B17F
50.0%	50.0% #CDBC92	RVB 205 188 146	#CDBC92
66.7%	66.7% #D6C8A6	RVB 214 200 166	#D6C8A6
83.3%	83.3% #DFD5BB	RVB 223 213 187	#DFD5BB
100.0%	100.0% #E9E2D1	RVB 233 226 209	#E9E2D1

#B29B5E #BBA56E #C4B17F #CDBC92 #D6C8A6 #DFD5BB #E9E2D1

#B29B5E - #CDBC92 - #E9E2D1

Codes CSS

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

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