#B7B8C5 - #DFDACB | 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 #B7B8C5 à #DFDACB

#B7B8C5 #DFDACB

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

#B7B8C5 - #DFDACB | 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 #B7B8C5 0% et #DFDACB 100%.

0.0%	0.0% #B7B8C5	RVB 183 184 197	#B7B8C5
16.7%	16.7% #BDBDC6	RVB 189 189 198	#BDBDC6
33.3%	33.3% #C4C3C7	RVB 196 195 199	#C4C3C7
50.0%	50.0% #CBC9C8	RVB 203 201 200	#CBC9C8
66.7%	66.7% #D1CEC9	RVB 209 206 201	#D1CEC9
83.3%	83.3% #D8D4CA	RVB 216 212 202	#D8D4CA
100.0%	100.0% #DFDACB	RVB 223 218 203	#DFDACB

#B7B8C5 #BDBDC6 #C4C3C7 #CBC9C8 #D1CEC9 #D8D4CA #DFDACB

#B7B8C5 - #DFDACB

Mélange HSV

#B7B8C5 - #DFDACB | 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 #B7B8C5 0% et #DFDACB 100%.

0.0%	0.0% #B7B8C5	RVB 183 184 197	#B7B8C5
16.7%	16.7% #C0BAC9	RVB 192 186 201	#C0BAC9
33.3%	33.3% #CBBDCD	RVB 203 189 205	#CBBDCD
50.0%	50.0% #D2C1CC	RVB 210 193 204	#D2C1CC
66.7%	66.7% #D6C4C7	RVB 214 196 199	#D6C4C7
83.3%	83.3% #DACDC7	RVB 218 205 199	#DACDC7
100.0%	100.0% #DFDACB	RVB 223 218 203	#DFDACB

#B7B8C5 #C0BAC9 #CBBDCD #D2C1CC #D6C4C7 #DACDC7 #DFDACB

#B7B8C5 - #D2C1CC - #DFDACB

Codes CSS

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

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