#BDA69C - #ECE5E2 | 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 #BDA69C à #ECE5E2

#BDA69C #ECE5E2

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

#BDA69C - #ECE5E2 | 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 #BDA69C 0% et #ECE5E2 100%.

0.0%	0.0% #BDA69C	RVB 189 166 156	#BDA69C
16.7%	16.7% #C4B0A7	RVB 196 176 167	#C4B0A7
33.3%	33.3% #CCBBB3	RVB 204 187 179	#CCBBB3
50.0%	50.0% #D4C5BF	RVB 212 197 191	#D4C5BF
66.7%	66.7% #DCD0CA	RVB 220 208 202	#DCD0CA
83.3%	83.3% #E4DAD6	RVB 228 218 214	#E4DAD6
100.0%	100.0% #ECE5E2	RVB 236 229 226	#ECE5E2

#BDA69C #C4B0A7 #CCBBB3 #D4C5BF #DCD0CA #E4DAD6 #ECE5E2

#BDA69C - #ECE5E2

Mélange HSV

#BDA69C - #ECE5E2 | 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 #BDA69C 0% et #ECE5E2 100%.

0.0%	0.0% #BDA69C	RVB 189 166 156	#BDA69C
16.7%	16.7% #C4AFA6	RVB 196 175 166	#C4AFA6
33.3%	33.3% #CCBAB1	RVB 204 186 177	#CCBAB1
50.0%	50.0% #D4C4BD	RVB 212 196 189	#D4C4BD
66.7%	66.7% #DCCFC9	RVB 220 207 201	#DCCFC9
83.3%	83.3% #E4D9D5	RVB 228 217 213	#E4D9D5
100.0%	100.0% #ECE5E2	RVB 236 229 226	#ECE5E2

#BDA69C #C4AFA6 #CCBAB1 #D4C4BD #DCCFC9 #E4D9D5 #ECE5E2

#BDA69C - #D4C4BD - #ECE5E2

Codes CSS

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

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