#BDB69C - #ECEAE2 | 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 #BDB69C à #ECEAE2

#BDB69C #ECEAE2

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

#BDB69C - #ECEAE2 | 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 #BDB69C 0% et #ECEAE2 100%.

0.0%	0.0% #BDB69C	RVB 189 182 156	#BDB69C
16.7%	16.7% #C4BEA7	RVB 196 190 167	#C4BEA7
33.3%	33.3% #CCC7B3	RVB 204 199 179	#CCC7B3
50.0%	50.0% #D4D0BF	RVB 212 208 191	#D4D0BF
66.7%	66.7% #DCD8CA	RVB 220 216 202	#DCD8CA
83.3%	83.3% #E4E1D6	RVB 228 225 214	#E4E1D6
100.0%	100.0% #ECEAE2	RVB 236 234 226	#ECEAE2

#BDB69C #C4BEA7 #CCC7B3 #D4D0BF #DCD8CA #E4E1D6 #ECEAE2

#BDB69C - #ECEAE2

Mélange HSV

#BDB69C - #ECEAE2 | 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 #BDB69C 0% et #ECEAE2 100%.

0.0%	0.0% #BDB69C	RVB 189 182 156	#BDB69C
16.7%	16.7% #C4BEA6	RVB 196 190 166	#C4BEA6
33.3%	33.3% #CCC7B1	RVB 204 199 177	#CCC7B1
50.0%	50.0% #D4CFBD	RVB 212 207 189	#D4CFBD
66.7%	66.7% #DCD8C9	RVB 220 216 201	#DCD8C9
83.3%	83.3% #E4E1D5	RVB 228 225 213	#E4E1D5
100.0%	100.0% #ECEAE2	RVB 236 234 226	#ECEAE2

#BDB69C #C4BEA6 #CCC7B1 #D4CFBD #DCD8C9 #E4E1D5 #ECEAE2

#BDB69C - #D4CFBD - #ECEAE2

Codes CSS

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

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