#BEBCA8 - #ECEBE6 | 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 #BEBCA8 à #ECEBE6

#BEBCA8 #ECEBE6

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

#BEBCA8 - #ECEBE6 | 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 #BEBCA8 0% et #ECEBE6 100%.

0.0%	0.0% #BEBCA8	RVB 190 188 168	#BEBCA8
16.7%	16.7% #C5C3B2	RVB 197 195 178	#C5C3B2
33.3%	33.3% #CDCBBC	RVB 205 203 188	#CDCBBC
50.0%	50.0% #D5D3C7	RVB 213 211 199	#D5D3C7
66.7%	66.7% #DCDBD1	RVB 220 219 209	#DCDBD1
83.3%	83.3% #E4E3DB	RVB 228 227 219	#E4E3DB
100.0%	100.0% #ECEBE6	RVB 236 235 230	#ECEBE6

#BEBCA8 #C5C3B2 #CDCBBC #D5D3C7 #DCDBD1 #E4E3DB #ECEBE6

#BEBCA8 - #ECEBE6

Mélange HSV

#BEBCA8 - #ECEBE6 | 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 #BEBCA8 0% et #ECEBE6 100%.

0.0%	0.0% #BEBCA8	RVB 190 188 168	#BEBCA8
16.7%	16.7% #C5C3B1	RVB 197 195 177	#C5C3B1
33.3%	33.3% #CDCBBB	RVB 205 203 187	#CDCBBB
50.0%	50.0% #D5D3C5	RVB 213 211 197	#D5D3C5
66.7%	66.7% #DCDAD0	RVB 220 218 208	#DCDAD0
83.3%	83.3% #E4E2DB	RVB 228 226 219	#E4E2DB
100.0%	100.0% #ECEBE6	RVB 236 235 230	#ECEBE6

#BEBCA8 #C5C3B1 #CDCBBB #D5D3C5 #DCDAD0 #E4E2DB #ECEBE6

#BEBCA8 - #D5D3C5 - #ECEBE6

Codes CSS

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

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