#8889AC - #CCC1B9 | 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 #8889AC à #CCC1B9

#8889AC #CCC1B9

Calculez la couleur entre deux couleurs, #8889AC et #CCC1B9. 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)

#8889AC - #CCC1B9 | 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 #8889AC 0% et #CCC1B9 100%.

0.0%	0.0% #8889AC	RVB 136 137 172	#8889AC
16.7%	16.7% #9392AE	RVB 147 146 174	#9392AE
33.3%	33.3% #9E9BB0	RVB 158 155 176	#9E9BB0
50.0%	50.0% #AAA5B2	RVB 170 165 178	#AAA5B2
66.7%	66.7% #B5AEB4	RVB 181 174 180	#B5AEB4
83.3%	83.3% #C0B7B6	RVB 192 183 182	#C0B7B6
100.0%	100.0% #CCC1B9	RVB 204 193 185	#CCC1B9

#8889AC #9392AE #9E9BB0 #AAA5B2 #B5AEB4 #C0B7B6 #CCC1B9

#8889AC - #CCC1B9

Mélange HSV

#8889AC - #CCC1B9 | 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 #8889AC 0% et #CCC1B9 100%.

0.0%	0.0% #8889AC	RVB 136 137 172	#8889AC
16.7%	16.7% #9C8FB1	RVB 156 143 177	#9C8FB1
33.3%	33.3% #B097B6	RVB 176 151 182	#B097B6
50.0%	50.0% #BC9FB6	RVB 188 159 182	#BC9FB6
66.7%	66.7% #C1A7B1	RVB 193 167 177	#C1A7B1
83.3%	83.3% #C6B0B0	RVB 198 176 176	#C6B0B0
100.0%	100.0% #CCC1B9	RVB 204 193 185	#CCC1B9

#8889AC #9C8FB1 #B097B6 #BC9FB6 #C1A7B1 #C6B0B0 #CCC1B9

#8889AC - #BC9FB6 - #CCC1B9

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8889AC 0%, #BC9FB6 50%, #CCC1B9 100%);
    background: -webkit-linear-gradient(top, #8889AC 0%, #BC9FB6 50%, #CCC1B9 100%);
    background: linear-gradient(to bottom, #8889AC 0%, #BC9FB6 50%, #CCC1B9 100%);
}
</style>