#6D709C - #BAB0B2 | 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 #6D709C à #BAB0B2

#6D709C #BAB0B2

Calculez la couleur entre deux couleurs, #6D709C et #BAB0B2. 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)

#6D709C - #BAB0B2 | 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 #6D709C 0% et #BAB0B2 100%.

0.0%	0.0% #6D709C	RVB 109 112 156	#6D709C
16.7%	16.7% #797A9F	RVB 121 122 159	#797A9F
33.3%	33.3% #8685A3	RVB 134 133 163	#8685A3
50.0%	50.0% #9390A7	RVB 147 144 167	#9390A7
66.7%	66.7% #A09AAA	RVB 160 154 170	#A09AAA
83.3%	83.3% #ADA5AE	RVB 173 165 174	#ADA5AE
100.0%	100.0% #BAB0B2	RVB 186 176 178	#BAB0B2

#6D709C #797A9F #8685A3 #9390A7 #A09AAA #ADA5AE #BAB0B2

#6D709C - #BAB0B2

Mélange HSV

#6D709C - #BAB0B2 | 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 #6D709C 0% et #BAB0B2 100%.

0.0%	0.0% #6D709C	RVB 109 112 156	#6D709C
16.7%	16.7% #8177A1	RVB 129 119 161	#8177A1
33.3%	33.3% #9581A6	RVB 149 129 166	#9581A6
50.0%	50.0% #A68CAB	RVB 166 140 171	#A68CAB
66.7%	66.7% #B098AB	RVB 176 152 171	#B098AB
83.3%	83.3% #B5A3AC	RVB 181 163 172	#B5A3AC
100.0%	100.0% #BAB0B2	RVB 186 176 178	#BAB0B2

#6D709C #8177A1 #9581A6 #A68CAB #B098AB #B5A3AC #BAB0B2

#6D709C - #A68CAB - #BAB0B2

Codes CSS

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

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