#B6B6E5 - #E7E5E4 | 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 #B6B6E5 à #E7E5E4

#B6B6E5 #E7E5E4

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

#B6B6E5 - #E7E5E4 | 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 #B6B6E5 0% et #E7E5E4 100%.

0.0%	0.0% #B6B6E5	RVB 182 182 229	#B6B6E5
16.7%	16.7% #BEBDE4	RVB 190 189 228	#BEBDE4
33.3%	33.3% #C6C5E4	RVB 198 197 228	#C6C5E4
50.0%	50.0% #CECDE4	RVB 206 205 228	#CECDE4
66.7%	66.7% #D6D5E4	RVB 214 213 228	#D6D5E4
83.3%	83.3% #DEDDE4	RVB 222 221 228	#DEDDE4
100.0%	100.0% #E7E5E4	RVB 231 229 228	#E7E5E4

#B6B6E5 #BEBDE4 #C6C5E4 #CECDE4 #D6D5E4 #DEDDE4 #E7E5E4

#B6B6E5 - #E7E5E4

Mélange HSV

#B6B6E5 - #E7E5E4 | 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 #B6B6E5 0% et #E7E5E4 100%.

0.0%	0.0% #B6B6E5	RVB 182 182 229	#B6B6E5
16.7%	16.7% #CDBDE5	RVB 205 189 229	#CDBDE5
33.3%	33.3% #DEC5E5	RVB 222 197 229	#DEC5E5
50.0%	50.0% #E6CCE1	RVB 230 204 225	#E6CCE1
66.7%	66.7% #E6D4DC	RVB 230 212 220	#E6D4DC
83.3%	83.3% #E6DCDC	RVB 230 220 220	#E6DCDC
100.0%	100.0% #E7E5E4	RVB 231 229 228	#E7E5E4

#B6B6E5 #CDBDE5 #DEC5E5 #E6CCE1 #E6D4DC #E6DCDC #E7E5E4

#B6B6E5 - #E6CCE1 - #E7E5E4

Codes CSS

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

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