#B2B2B2 - #8C5D9A | 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 #B2B2B2 à #8C5D9A

#B2B2B2 #8C5D9A

Calculez la couleur entre deux couleurs, #B2B2B2 et #8C5D9A. 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)

#B2B2B2 - #8C5D9A | 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 #B2B2B2 0% et #8C5D9A 100%.

0.0%	0.0% #B2B2B2	RVB 178 178 178	#B2B2B2
16.7%	16.7% #ABA3AE	RVB 171 163 174	#ABA3AE
33.3%	33.3% #A595AA	RVB 165 149 170	#A595AA
50.0%	50.0% #9F87A6	RVB 159 135 166	#9F87A6
66.7%	66.7% #9879A2	RVB 152 121 162	#9879A2
83.3%	83.3% #926B9E	RVB 146 107 158	#926B9E
100.0%	100.0% #8C5D9A	RVB 140 93 154	#8C5D9A

#B2B2B2 #ABA3AE #A595AA #9F87A6 #9879A2 #926B9E #8C5D9A

#B2B2B2 - #8C5D9A

Mélange HSV

#B2B2B2 - #8C5D9A | 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 #B2B2B2 0% et #8C5D9A 100%.

0.0%	0.0% #B2B2B2	RVB 178 178 178	#B2B2B2
16.7%	16.7% #AEA2A4	RVB 174 162 164	#AEA2A4
33.3%	33.3% #AA939C	RVB 170 147 156	#AA939C
50.0%	50.0% #A68599	RVB 166 133 153	#A68599
66.7%	66.7% #A2779A	RVB 162 119 154	#A2779A
83.3%	83.3% #9C699E	RVB 156 105 158	#9C699E
100.0%	100.0% #8C5D9A	RVB 140 93 154	#8C5D9A

#B2B2B2 #AEA2A4 #AA939C #A68599 #A2779A #9C699E #8C5D9A

#B2B2B2 - #A68599 - #8C5D9A

Codes CSS

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

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