#BF9FB2 - #ECE3E8 | 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 #BF9FB2 à #ECE3E8

#BF9FB2 #ECE3E8

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

#BF9FB2 - #ECE3E8 | 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 #BF9FB2 0% et #ECE3E8 100%.

0.0%	0.0% #BF9FB2	RVB 191 159 178	#BF9FB2
16.7%	16.7% #C6AABB	RVB 198 170 187	#C6AABB
33.3%	33.3% #CEB5C4	RVB 206 181 196	#CEB5C4
50.0%	50.0% #D5C1CD	RVB 213 193 205	#D5C1CD
66.7%	66.7% #DDCCD6	RVB 221 204 214	#DDCCD6
83.3%	83.3% #E4D7DF	RVB 228 215 223	#E4D7DF
100.0%	100.0% #ECE3E8	RVB 236 227 232	#ECE3E8

#BF9FB2 #C6AABB #CEB5C4 #D5C1CD #DDCCD6 #E4D7DF #ECE3E8

#BF9FB2 - #ECE3E8

Mélange HSV

#BF9FB2 - #ECE3E8 | 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 #BF9FB2 0% et #ECE3E8 100%.

0.0%	0.0% #BF9FB2	RVB 191 159 178	#BF9FB2
16.7%	16.7% #C6A9BA	RVB 198 169 186	#C6A9BA
33.3%	33.3% #CEB4C3	RVB 206 180 195	#CEB4C3
50.0%	50.0% #D5BFCC	RVB 213 191 204	#D5BFCC
66.7%	66.7% #DDCBD5	RVB 221 203 213	#DDCBD5
83.3%	83.3% #E4D6DE	RVB 228 214 222	#E4D6DE
100.0%	100.0% #ECE3E8	RVB 236 227 232	#ECE3E8

#BF9FB2 #C6A9BA #CEB4C3 #D5BFCC #DDCBD5 #E4D6DE #ECE3E8

#BF9FB2 - #D5BFCC - #ECE3E8

Codes CSS

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

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