#E6E6E4 - #BEB69A | 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 #E6E6E4 à #BEB69A

#E6E6E4 #BEB69A

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

#E6E6E4 - #BEB69A | 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 #E6E6E4 0% et #BEB69A 100%.

0.0%	0.0% #E6E6E4	RVB 230 230 228	#E6E6E4
16.7%	16.7% #DFDED7	RVB 223 222 215	#DFDED7
33.3%	33.3% #D8D6CB	RVB 216 214 203	#D8D6CB
50.0%	50.0% #D2CEBF	RVB 210 206 191	#D2CEBF
66.7%	66.7% #CBC6B2	RVB 203 198 178	#CBC6B2
83.3%	83.3% #C4BEA6	RVB 196 190 166	#C4BEA6
100.0%	100.0% #BEB69A	RVB 190 182 154	#BEB69A

#E6E6E4 #DFDED7 #D8D6CB #D2CEBF #CBC6B2 #C4BEA6 #BEB69A

#E6E6E4 - #BEB69A

Mélange HSV

#E6E6E4 - #BEB69A | 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 #E6E6E4 0% et #BEB69A 100%.

0.0%	0.0% #E6E6E4	RVB 230 230 228	#E6E6E4
16.7%	16.7% #DFDFD6	RVB 223 223 214	#DFDFD6
33.3%	33.3% #D8D7C9	RVB 216 215 201	#D8D7C9
50.0%	50.0% #D2CFBD	RVB 210 207 189	#D2CFBD
66.7%	66.7% #CBC7B1	RVB 203 199 177	#CBC7B1
83.3%	83.3% #C4BEA5	RVB 196 190 165	#C4BEA5
100.0%	100.0% #BEB69A	RVB 190 182 154	#BEB69A

#E6E6E4 #DFDFD6 #D8D7C9 #D2CFBD #CBC7B1 #C4BEA5 #BEB69A

#E6E6E4 - #D2CFBD - #BEB69A

Codes CSS

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

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