#C2BAC1 - #8B5087 | 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 #C2BAC1 à #8B5087

#C2BAC1 #8B5087

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

#C2BAC1 - #8B5087 | 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 #C2BAC1 0% et #8B5087 100%.

0.0%	0.0% #C2BAC1	RVB 194 186 193	#C2BAC1
16.7%	16.7% #B8A8B7	RVB 184 168 183	#B8A8B7
33.3%	33.3% #AF96AD	RVB 175 150 173	#AF96AD
50.0%	50.0% #A685A4	RVB 166 133 164	#A685A4
66.7%	66.7% #9D739A	RVB 157 115 154	#9D739A
83.3%	83.3% #946190	RVB 148 97 144	#946190
100.0%	100.0% #8B5087	RVB 139 80 135	#8B5087

#C2BAC1 #B8A8B7 #AF96AD #A685A4 #9D739A #946190 #8B5087

#C2BAC1 - #8B5087

Mélange HSV

#C2BAC1 - #8B5087 | 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 #C2BAC1 0% et #8B5087 100%.

0.0%	0.0% #C2BAC1	RVB 194 186 193	#C2BAC1
16.7%	16.7% #B8A5B6	RVB 184 165 182	#B8A5B6
33.3%	33.3% #AF91AC	RVB 175 145 172	#AF91AC
50.0%	50.0% #A67FA2	RVB 166 127 162	#A67FA2
66.7%	66.7% #9D6E99	RVB 157 110 153	#9D6E99
83.3%	83.3% #945E90	RVB 148 94 144	#945E90
100.0%	100.0% #8B5087	RVB 139 80 135	#8B5087

#C2BAC1 #B8A5B6 #AF91AC #A67FA2 #9D6E99 #945E90 #8B5087

#C2BAC1 - #A67FA2 - #8B5087

Codes CSS

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

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