#B3B5A8 - #ECE6C0 | 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 #B3B5A8 à #ECE6C0

#B3B5A8 #ECE6C0

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

#B3B5A8 - #ECE6C0 | 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 #B3B5A8 0% et #ECE6C0 100%.

0.0%	0.0% #B3B5A8	RVB 179 181 168	#B3B5A8
16.7%	16.7% #BCBDAC	RVB 188 189 172	#BCBDAC
33.3%	33.3% #C6C5B0	RVB 198 197 176	#C6C5B0
50.0%	50.0% #CFCDB4	RVB 207 205 180	#CFCDB4
66.7%	66.7% #D9D5B8	RVB 217 213 184	#D9D5B8
83.3%	83.3% #E2DDBC	RVB 226 221 188	#E2DDBC
100.0%	100.0% #ECE6C0	RVB 236 230 192	#ECE6C0

#B3B5A8 #BCBDAC #C6C5B0 #CFCDB4 #D9D5B8 #E2DDBC #ECE6C0

#B3B5A8 - #ECE6C0

Mélange HSV

#B3B5A8 - #ECE6C0 | 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 #B3B5A8 0% et #ECE6C0 100%.

0.0%	0.0% #B3B5A8	RVB 179 181 168	#B3B5A8
16.7%	16.7% #BCBEAC	RVB 188 190 172	#BCBEAC
33.3%	33.3% #C6C7B1	RVB 198 199 177	#C6C7B1
50.0%	50.0% #D0D0B5	RVB 208 208 181	#D0D0B5
66.7%	66.7% #D9D8B9	RVB 217 216 185	#D9D8B9
83.3%	83.3% #E2DFBC	RVB 226 223 188	#E2DFBC
100.0%	100.0% #ECE6C0	RVB 236 230 192	#ECE6C0

#B3B5A8 #BCBEAC #C6C7B1 #D0D0B5 #D9D8B9 #E2DFBC #ECE6C0

#B3B5A8 - #D0D0B5 - #ECE6C0

Codes CSS

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

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