#866D9C - #DBD5E2 | 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 #866D9C à #DBD5E2

#866D9C #DBD5E2

Calculez la couleur entre deux couleurs, #866D9C et #DBD5E2. 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)

#866D9C - #DBD5E2 | 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 #866D9C 0% et #DBD5E2 100%.

0.0%	0.0% #866D9C	RVB 134 109 156	#866D9C
16.7%	16.7% #947EA7	RVB 148 126 167	#947EA7
33.3%	33.3% #A28FB3	RVB 162 143 179	#A28FB3
50.0%	50.0% #B0A1BF	RVB 176 161 191	#B0A1BF
66.7%	66.7% #BEB2CA	RVB 190 178 202	#BEB2CA
83.3%	83.3% #CCC3D6	RVB 204 195 214	#CCC3D6
100.0%	100.0% #DBD5E2	RVB 219 213 226	#DBD5E2

#866D9C #947EA7 #A28FB3 #B0A1BF #BEB2CA #CCC3D6 #DBD5E2

#866D9C - #DBD5E2

Mélange HSV

#866D9C - #DBD5E2 | 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 #866D9C 0% et #DBD5E2 100%.

0.0%	0.0% #866D9C	RVB 134 109 156	#866D9C
16.7%	16.7% #927BA7	RVB 146 123 167	#927BA7
33.3%	33.3% #9F8BB3	RVB 159 139 179	#9F8BB3
50.0%	50.0% #AD9CBF	RVB 173 156 191	#AD9CBF
66.7%	66.7% #BCAECA	RVB 188 174 202	#BCAECA
83.3%	83.3% #CBC1D6	RVB 203 193 214	#CBC1D6
100.0%	100.0% #DBD5E2	RVB 219 213 226	#DBD5E2

#866D9C #927BA7 #9F8BB3 #AD9CBF #BCAECA #CBC1D6 #DBD5E2

#866D9C - #AD9CBF - #DBD5E2

Codes CSS

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

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