#BEB5E2 - #ECE9F6 | 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 #BEB5E2 à #ECE9F6

#BEB5E2 #ECE9F6

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

#BEB5E2 - #ECE9F6 | 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 #BEB5E2 0% et #ECE9F6 100%.

0.0%	0.0% #BEB5E2	RVB 190 181 226	#BEB5E2
16.7%	16.7% #C5BDE5	RVB 197 189 229	#C5BDE5
33.3%	33.3% #CDC6E8	RVB 205 198 232	#CDC6E8
50.0%	50.0% #D5CFEC	RVB 213 207 236	#D5CFEC
66.7%	66.7% #DCD7EF	RVB 220 215 239	#DCD7EF
83.3%	83.3% #E4E0F2	RVB 228 224 242	#E4E0F2
100.0%	100.0% #ECE9F6	RVB 236 233 246	#ECE9F6

#BEB5E2 #C5BDE5 #CDC6E8 #D5CFEC #DCD7EF #E4E0F2 #ECE9F6

#BEB5E2 - #ECE9F6

Mélange HSV

#BEB5E2 - #ECE9F6 | 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 #BEB5E2 0% et #ECE9F6 100%.

0.0%	0.0% #BEB5E2	RVB 190 181 226	#BEB5E2
16.7%	16.7% #C5BDE5	RVB 197 189 229	#C5BDE5
33.3%	33.3% #CDC5E8	RVB 205 197 232	#CDC5E8
50.0%	50.0% #D4CEEC	RVB 212 206 236	#D4CEEC
66.7%	66.7% #DCD7EF	RVB 220 215 239	#DCD7EF
83.3%	83.3% #E4DFF2	RVB 228 223 242	#E4DFF2
100.0%	100.0% #ECE9F6	RVB 236 233 246	#ECE9F6

#BEB5E2 #C5BDE5 #CDC5E8 #D4CEEC #DCD7EF #E4DFF2 #ECE9F6

#BEB5E2 - #D4CEEC - #ECE9F6

Codes CSS

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

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