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

#E5E6E5 #BCBE9C

Calculez la couleur entre deux couleurs, #E5E6E5 et #BCBE9C. 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 - #BCBE9C | 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 #BCBE9C 100%.

0.0%	0.0% #E5E6E5	RVB 229 230 229	#E5E6E5
16.7%	16.7% #DEDFD8	RVB 222 223 216	#DEDFD8
33.3%	33.3% #D7D8CC	RVB 215 216 204	#D7D8CC
50.0%	50.0% #D0D2C0	RVB 208 210 192	#D0D2C0
66.7%	66.7% #C9CBB4	RVB 201 203 180	#C9CBB4
83.3%	83.3% #C2C4A8	RVB 194 196 168	#C2C4A8
100.0%	100.0% #BCBE9C	RVB 188 190 156	#BCBE9C

#E5E6E5 #DEDFD8 #D7D8CC #D0D2C0 #C9CBB4 #C2C4A8 #BCBE9C

#E5E6E5 - #BCBE9C

Mélange HSV

#E5E6E5 - #BCBE9C | 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 #BCBE9C 100%.

0.0%	0.0% #E5E6E5	RVB 229 230 229	#E5E6E5
16.7%	16.7% #D9DFD7	RVB 217 223 215	#D9DFD7
33.3%	33.3% #CFD8CB	RVB 207 216 203	#CFD8CB
50.0%	50.0% #C7D2BE	RVB 199 210 190	#C7D2BE
66.7%	66.7% #C2CBB2	RVB 194 203 178	#C2CBB2
83.3%	83.3% #BEC4A7	RVB 190 196 167	#BEC4A7
100.0%	100.0% #BCBE9C	RVB 188 190 156	#BCBE9C

#E5E6E5 #D9DFD7 #CFD8CB #C7D2BE #C2CBB2 #BEC4A7 #BCBE9C

#E5E6E5 - #C7D2BE - #BCBE9C

Codes CSS

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

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