#B8DAC1 - #DFDBDB | 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 #B8DAC1 à #DFDBDB

#B8DAC1 #DFDBDB

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

#B8DAC1 - #DFDBDB | 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 #B8DAC1 0% et #DFDBDB 100%.

0.0%	0.0% #B8DAC1	RVB 184 218 193	#B8DAC1
16.7%	16.7% #BEDAC5	RVB 190 218 197	#BEDAC5
33.3%	33.3% #C5DAC9	RVB 197 218 201	#C5DAC9
50.0%	50.0% #CBDACE	RVB 203 218 206	#CBDACE
66.7%	66.7% #D2DAD2	RVB 210 218 210	#D2DAD2
83.3%	83.3% #D8DAD6	RVB 216 218 214	#D8DAD6
100.0%	100.0% #DFDBDB	RVB 223 219 219	#DFDBDB

#B8DAC1 #BEDAC5 #C5DAC9 #CBDACE #D2DAD2 #D8DAD6 #DFDBDB

#B8DAC1 - #DFDBDB

Mélange HSV

#B8DAC1 - #DFDBDB | 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 #B8DAC1 0% et #DFDBDB 100%.

0.0%	0.0% #B8DAC1	RVB 184 218 193	#B8DAC1
16.7%	16.7% #C1DABD	RVB 193 218 189	#C1DABD
33.3%	33.3% #CFDBC3	RVB 207 219 195	#CFDBC3
50.0%	50.0% #D9DCC9	RVB 217 220 201	#D9DCC9
66.7%	66.7% #DDD9CF	RVB 221 217 207	#DDD9CF
83.3%	83.3% #DED8D5	RVB 222 216 213	#DED8D5
100.0%	100.0% #DFDBDB	RVB 223 219 219	#DFDBDB

#B8DAC1 #C1DABD #CFDBC3 #D9DCC9 #DDD9CF #DED8D5 #DFDBDB

#B8DAC1 - #D9DCC9 - #DFDBDB

Codes CSS

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

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