#BDB3C9 - #ECE9EF | 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 #BDB3C9 à #ECE9EF

#BDB3C9 #ECE9EF

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

#BDB3C9 - #ECE9EF | 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 #BDB3C9 0% et #ECE9EF 100%.

0.0%	0.0% #BDB3C9	RVB 189 179 201	#BDB3C9
16.7%	16.7% #C4BCCF	RVB 196 188 207	#C4BCCF
33.3%	33.3% #CCC5D5	RVB 204 197 213	#CCC5D5
50.0%	50.0% #D4CEDC	RVB 212 206 220	#D4CEDC
66.7%	66.7% #DCD7E2	RVB 220 215 226	#DCD7E2
83.3%	83.3% #E4E0E8	RVB 228 224 232	#E4E0E8
100.0%	100.0% #ECE9EF	RVB 236 233 239	#ECE9EF

#BDB3C9 #C4BCCF #CCC5D5 #D4CEDC #DCD7E2 #E4E0E8 #ECE9EF

#BDB3C9 - #ECE9EF

Mélange HSV

#BDB3C9 - #ECE9EF | 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 #BDB3C9 0% et #ECE9EF 100%.

0.0%	0.0% #BDB3C9	RVB 189 179 201	#BDB3C9
16.7%	16.7% #C4BBCF	RVB 196 187 207	#C4BBCF
33.3%	33.3% #CCC4D5	RVB 204 196 213	#CCC4D5
50.0%	50.0% #D4CDDC	RVB 212 205 220	#D4CDDC
66.7%	66.7% #DCD6E2	RVB 220 214 226	#DCD6E2
83.3%	83.3% #E4DFE8	RVB 228 223 232	#E4DFE8
100.0%	100.0% #ECE9EF	RVB 236 233 239	#ECE9EF

#BDB3C9 #C4BBCF #CCC4D5 #D4CDDC #DCD6E2 #E4DFE8 #ECE9EF

#BDB3C9 - #D4CDDC - #ECE9EF

Codes CSS

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

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