#BDBAD2 - #ECEBF2 | 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 #BDBAD2 à #ECEBF2

#BDBAD2 #ECEBF2

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

#BDBAD2 - #ECEBF2 | 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 #BDBAD2 0% et #ECEBF2 100%.

0.0%	0.0% #BDBAD2	RVB 189 186 210	#BDBAD2
16.7%	16.7% #C4C2D7	RVB 196 194 215	#C4C2D7
33.3%	33.3% #CCCADC	RVB 204 202 220	#CCCADC
50.0%	50.0% #D4D2E2	RVB 212 210 226	#D4D2E2
66.7%	66.7% #DCDAE7	RVB 220 218 231	#DCDAE7
83.3%	83.3% #E4E2EC	RVB 228 226 236	#E4E2EC
100.0%	100.0% #ECEBF2	RVB 236 235 242	#ECEBF2

#BDBAD2 #C4C2D7 #CCCADC #D4D2E2 #DCDAE7 #E4E2EC #ECEBF2

#BDBAD2 - #ECEBF2

Mélange HSV

#BDBAD2 - #ECEBF2 | 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 #BDBAD2 0% et #ECEBF2 100%.

0.0%	0.0% #BDBAD2	RVB 189 186 210	#BDBAD2
16.7%	16.7% #C4C1D7	RVB 196 193 215	#C4C1D7
33.3%	33.3% #CCC9DC	RVB 204 201 220	#CCC9DC
50.0%	50.0% #D3D1E2	RVB 211 209 226	#D3D1E2
66.7%	66.7% #DBDAE7	RVB 219 218 231	#DBDAE7
83.3%	83.3% #E3E2EC	RVB 227 226 236	#E3E2EC
100.0%	100.0% #ECEBF2	RVB 236 235 242	#ECEBF2

#BDBAD2 #C4C1D7 #CCC9DC #D3D1E2 #DBDAE7 #E3E2EC #ECEBF2

#BDBAD2 - #D3D1E2 - #ECEBF2

Codes CSS

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

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