#B9CBB9 - #ECE8C0 | 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 #B9CBB9 à #ECE8C0

#B9CBB9 #ECE8C0

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

#B9CBB9 - #ECE8C0 | 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 #B9CBB9 0% et #ECE8C0 100%.

0.0%	0.0% #B9CBB9	RVB 185 203 185	#B9CBB9
16.7%	16.7% #C1CFBA	RVB 193 207 186	#C1CFBA
33.3%	33.3% #CAD4BB	RVB 202 212 187	#CAD4BB
50.0%	50.0% #D2D9BC	RVB 210 217 188	#D2D9BC
66.7%	66.7% #DBDEBD	RVB 219 222 189	#DBDEBD
83.3%	83.3% #E3E3BE	RVB 227 227 190	#E3E3BE
100.0%	100.0% #ECE8C0	RVB 236 232 192	#ECE8C0

#B9CBB9 #C1CFBA #CAD4BB #D2D9BC #DBDEBD #E3E3BE #ECE8C0

#B9CBB9 - #ECE8C0

Mélange HSV

#B9CBB9 - #ECE8C0 | 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 #B9CBB9 0% et #ECE8C0 100%.

0.0%	0.0% #B9CBB9	RVB 185 203 185	#B9CBB9
16.7%	16.7% #BED0BA	RVB 190 208 186	#BED0BA
33.3%	33.3% #C5D6BC	RVB 197 214 188	#C5D6BC
50.0%	50.0% #CDDBBD	RVB 205 219 189	#CDDBBD
66.7%	66.7% #D7E1BE	RVB 215 225 190	#D7E1BE
83.3%	83.3% #E2E6BF	RVB 226 230 191	#E2E6BF
100.0%	100.0% #ECE8C0	RVB 236 232 192	#ECE8C0

#B9CBB9 #BED0BA #C5D6BC #CDDBBD #D7E1BE #E2E6BF #ECE8C0

#B9CBB9 - #CDDBBD - #ECE8C0

Codes CSS

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

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