#E5E5E5 - #BF9CD2 | 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 #E5E5E5 à #BF9CD2

#E5E5E5 #BF9CD2

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

#E5E5E5 - #BF9CD2 | 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 #E5E5E5 0% et #BF9CD2 100%.

0.0%	0.0% #E5E5E5	RVB 229 229 229	#E5E5E5
16.7%	16.7% #DED8E1	RVB 222 216 225	#DED8E1
33.3%	33.3% #D8CCDE	RVB 216 204 222	#D8CCDE
50.0%	50.0% #D2C0DB	RVB 210 192 219	#D2C0DB
66.7%	66.7% #CBB4D8	RVB 203 180 216	#CBB4D8
83.3%	83.3% #C5A8D5	RVB 197 168 213	#C5A8D5
100.0%	100.0% #BF9CD2	RVB 191 156 210	#BF9CD2

#E5E5E5 #DED8E1 #D8CCDE #D2C0DB #CBB4D8 #C5A8D5 #BF9CD2

#E5E5E5 - #BF9CD2

Mélange HSV

#E5E5E5 - #BF9CD2 | 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 #E5E5E5 0% et #BF9CD2 100%.

0.0%	0.0% #E5E5E5	RVB 229 229 229	#E5E5E5
16.7%	16.7% #E1D8DA	RVB 225 216 218	#E1D8DA
33.3%	33.3% #DECBD4	RVB 222 203 212	#DECBD4
50.0%	50.0% #DBBFD2	RVB 219 191 210	#DBBFD2
66.7%	66.7% #D8B3D4	RVB 216 179 212	#D8B3D4
83.3%	83.3% #CFA7D5	RVB 207 167 213	#CFA7D5
100.0%	100.0% #BF9CD2	RVB 191 156 210	#BF9CD2

#E5E5E5 #E1D8DA #DECBD4 #DBBFD2 #D8B3D4 #CFA7D5 #BF9CD2

#E5E5E5 - #DBBFD2 - #BF9CD2

Codes CSS

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

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