#B8C2B8 - #E7E6C0 | 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 #B8C2B8 à #E7E6C0

#B8C2B8 #E7E6C0

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

#B8C2B8 - #E7E6C0 | 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 #B8C2B8 0% et #E7E6C0 100%.

0.0%	0.0% #B8C2B8	RVB 184 194 184	#B8C2B8
16.7%	16.7% #BFC8B9	RVB 191 200 185	#BFC8B9
33.3%	33.3% #C7CEBA	RVB 199 206 186	#C7CEBA
50.0%	50.0% #CFD4BC	RVB 207 212 188	#CFD4BC
66.7%	66.7% #D7DABD	RVB 215 218 189	#D7DABD
83.3%	83.3% #DFE0BE	RVB 223 224 190	#DFE0BE
100.0%	100.0% #E7E6C0	RVB 231 230 192	#E7E6C0

#B8C2B8 #BFC8B9 #C7CEBA #CFD4BC #D7DABD #DFE0BE #E7E6C0

#B8C2B8 - #E7E6C0

Mélange HSV

#B8C2B8 - #E7E6C0 | 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 #B8C2B8 0% et #E7E6C0 100%.

0.0%	0.0% #B8C2B8	RVB 184 194 184	#B8C2B8
16.7%	16.7% #BCC8B9	RVB 188 200 185	#BCC8B9
33.3%	33.3% #C2CEBB	RVB 194 206 187	#C2CEBB
50.0%	50.0% #C9D4BD	RVB 201 212 189	#C9D4BD
66.7%	66.7% #D1DABE	RVB 209 218 190	#D1DABE
83.3%	83.3% #DBE0BF	RVB 219 224 191	#DBE0BF
100.0%	100.0% #E7E6C0	RVB 231 230 192	#E7E6C0

#B8C2B8 #BCC8B9 #C2CEBB #C9D4BD #D1DABE #DBE0BF #E7E6C0

#B8C2B8 - #C9D4BD - #E7E6C0

Codes CSS

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

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