#886D9C - #DCD5E2 | 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 #886D9C à #DCD5E2

#886D9C #DCD5E2

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

#886D9C - #DCD5E2 | 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 #886D9C 0% et #DCD5E2 100%.

0.0%	0.0% #886D9C	RVB 136 109 156	#886D9C
16.7%	16.7% #967EA7	RVB 150 126 167	#967EA7
33.3%	33.3% #A48FB3	RVB 164 143 179	#A48FB3
50.0%	50.0% #B2A1BF	RVB 178 161 191	#B2A1BF
66.7%	66.7% #C0B2CA	RVB 192 178 202	#C0B2CA
83.3%	83.3% #CEC3D6	RVB 206 195 214	#CEC3D6
100.0%	100.0% #DCD5E2	RVB 220 213 226	#DCD5E2

#886D9C #967EA7 #A48FB3 #B2A1BF #C0B2CA #CEC3D6 #DCD5E2

#886D9C - #DCD5E2

Mélange HSV

#886D9C - #DCD5E2 | 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 #886D9C 0% et #DCD5E2 100%.

0.0%	0.0% #886D9C	RVB 136 109 156	#886D9C
16.7%	16.7% #947BA7	RVB 148 123 167	#947BA7
33.3%	33.3% #A28BB3	RVB 162 139 179	#A28BB3
50.0%	50.0% #AF9CBF	RVB 175 156 191	#AF9CBF
66.7%	66.7% #BEAECA	RVB 190 174 202	#BEAECA
83.3%	83.3% #CCC1D6	RVB 204 193 214	#CCC1D6
100.0%	100.0% #DCD5E2	RVB 220 213 226	#DCD5E2

#886D9C #947BA7 #A28BB3 #AF9CBF #BEAECA #CCC1D6 #DCD5E2

#886D9C - #AF9CBF - #DCD5E2

Codes CSS

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

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