#E3E3E5 - #977EB6 | 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 #E3E3E5 à #977EB6

#E3E3E5 #977EB6

Calculez la couleur entre deux couleurs, #E3E3E5 et #977EB6. 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)

#E3E3E5 - #977EB6 | 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 #E3E3E5 0% et #977EB6 100%.

0.0%	0.0% #E3E3E5	RVB 227 227 229	#E3E3E5
16.7%	16.7% #D6D2DD	RVB 214 210 221	#D6D2DD
33.3%	33.3% #C9C1D5	RVB 201 193 213	#C9C1D5
50.0%	50.0% #BDB0CD	RVB 189 176 205	#BDB0CD
66.7%	66.7% #B09FC5	RVB 176 159 197	#B09FC5
83.3%	83.3% #A38EBD	RVB 163 142 189	#A38EBD
100.0%	100.0% #977EB6	RVB 151 126 182	#977EB6

#E3E3E5 #D6D2DD #C9C1D5 #BDB0CD #B09FC5 #A38EBD #977EB6

#E3E3E5 - #977EB6

Mélange HSV

#E3E3E5 - #977EB6 | 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 #E3E3E5 0% et #977EB6 100%.

0.0%	0.0% #E3E3E5	RVB 227 227 229	#E3E3E5
16.7%	16.7% #D1D0DD	RVB 209 208 221	#D1D0DD
33.3%	33.3% #C1BED5	RVB 193 190 213	#C1BED5
50.0%	50.0% #B4ACCD	RVB 180 172 205	#B4ACCD
66.7%	66.7% #A89CC5	RVB 168 156 197	#A89CC5
83.3%	83.3% #9F8CBD	RVB 159 140 189	#9F8CBD
100.0%	100.0% #977EB6	RVB 151 126 182	#977EB6

#E3E3E5 #D1D0DD #C1BED5 #B4ACCD #A89CC5 #9F8CBD #977EB6

#E3E3E5 - #B4ACCD - #977EB6

Codes CSS

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

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