#C0ABC6 - #6C527E | 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 #C0ABC6 à #6C527E

#C0ABC6 #6C527E

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

#C0ABC6 - #6C527E | 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 #C0ABC6 0% et #6C527E 100%.

0.0%	0.0% #C0ABC6	RVB 192 171 198	#C0ABC6
16.7%	16.7% #B29CBA	RVB 178 156 186	#B29CBA
33.3%	33.3% #A48DAE	RVB 164 141 174	#A48DAE
50.0%	50.0% #967EA2	RVB 150 126 162	#967EA2
66.7%	66.7% #886F96	RVB 136 111 150	#886F96
83.3%	83.3% #7A608A	RVB 122 96 138	#7A608A
100.0%	100.0% #6C527E	RVB 108 82 126	#6C527E

#C0ABC6 #B29CBA #A48DAE #967EA2 #886F96 #7A608A #6C527E

#C0ABC6 - #6C527E

Mélange HSV

#C0ABC6 - #6C527E | 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 #C0ABC6 0% et #6C527E 100%.

0.0%	0.0% #C0ABC6	RVB 192 171 198	#C0ABC6
16.7%	16.7% #B19ABA	RVB 177 154 186	#B19ABA
33.3%	33.3% #A389AE	RVB 163 137 174	#A389AE
50.0%	50.0% #957AA2	RVB 149 122 162	#957AA2
66.7%	66.7% #876C96	RVB 135 108 150	#876C96
83.3%	83.3% #795E8A	RVB 121 94 138	#795E8A
100.0%	100.0% #6C527E	RVB 108 82 126	#6C527E

#C0ABC6 #B19ABA #A389AE #957AA2 #876C96 #795E8A #6C527E

#C0ABC6 - #957AA2 - #6C527E

Codes CSS

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

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