#E5E6E5 - #B5BE9C | 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 #E5E6E5 à #B5BE9C

#E5E6E5 #B5BE9C

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

#E5E6E5 - #B5BE9C | 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 #E5E6E5 0% et #B5BE9C 100%.

0.0%	0.0% #E5E6E5	RVB 229 230 229	#E5E6E5
16.7%	16.7% #DDDFD8	RVB 221 223 216	#DDDFD8
33.3%	33.3% #D5D8CC	RVB 213 216 204	#D5D8CC
50.0%	50.0% #CDD2C0	RVB 205 210 192	#CDD2C0
66.7%	66.7% #C5CBB4	RVB 197 203 180	#C5CBB4
83.3%	83.3% #BDC4A8	RVB 189 196 168	#BDC4A8
100.0%	100.0% #B5BE9C	RVB 181 190 156	#B5BE9C

#E5E6E5 #DDDFD8 #D5D8CC #CDD2C0 #C5CBB4 #BDC4A8 #B5BE9C

#E5E6E5 - #B5BE9C

Mélange HSV

#E5E6E5 - #B5BE9C | 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 #E5E6E5 0% et #B5BE9C 100%.

0.0%	0.0% #E5E6E5	RVB 229 230 229	#E5E6E5
16.7%	16.7% #D8DFD7	RVB 216 223 215	#D8DFD7
33.3%	33.3% #CED8CB	RVB 206 216 203	#CED8CB
50.0%	50.0% #C5D2BE	RVB 197 210 190	#C5D2BE
66.7%	66.7% #BECBB2	RVB 190 203 178	#BECBB2
83.3%	83.3% #B9C4A7	RVB 185 196 167	#B9C4A7
100.0%	100.0% #B5BE9C	RVB 181 190 156	#B5BE9C

#E5E6E5 #D8DFD7 #CED8CB #C5D2BE #BECBB2 #B9C4A7 #B5BE9C

#E5E6E5 - #C5D2BE - #B5BE9C

Codes CSS

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

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