#BDB2DA - #ECE9F4 | 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 #BDB2DA à #ECE9F4

#BDB2DA #ECE9F4

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

#BDB2DA - #ECE9F4 | 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 #BDB2DA 0% et #ECE9F4 100%.

0.0%	0.0% #BDB2DA	RVB 189 178 218	#BDB2DA
16.7%	16.7% #C4BBDE	RVB 196 187 222	#C4BBDE
33.3%	33.3% #CCC4E2	RVB 204 196 226	#CCC4E2
50.0%	50.0% #D4CDE7	RVB 212 205 231	#D4CDE7
66.7%	66.7% #DCD6EB	RVB 220 214 235	#DCD6EB
83.3%	83.3% #E4DFEF	RVB 228 223 239	#E4DFEF
100.0%	100.0% #ECE9F4	RVB 236 233 244	#ECE9F4

#BDB2DA #C4BBDE #CCC4E2 #D4CDE7 #DCD6EB #E4DFEF #ECE9F4

#BDB2DA - #ECE9F4

Mélange HSV

#BDB2DA - #ECE9F4 | 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 #BDB2DA 0% et #ECE9F4 100%.

0.0%	0.0% #BDB2DA	RVB 189 178 218	#BDB2DA
16.7%	16.7% #C4BADE	RVB 196 186 222	#C4BADE
33.3%	33.3% #CCC3E2	RVB 204 195 226	#CCC3E2
50.0%	50.0% #D3CCE7	RVB 211 204 231	#D3CCE7
66.7%	66.7% #DBD5EB	RVB 219 213 235	#DBD5EB
83.3%	83.3% #E3DFEF	RVB 227 223 239	#E3DFEF
100.0%	100.0% #ECE9F4	RVB 236 233 244	#ECE9F4

#BDB2DA #C4BADE #CCC3E2 #D3CCE7 #DBD5EB #E3DFEF #ECE9F4

#BDB2DA - #D3CCE7 - #ECE9F4

Codes CSS

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

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