#C0C0C0 - #A8766E | 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 #C0C0C0 à #A8766E

#C0C0C0 #A8766E

Calculez la couleur entre deux couleurs, #C0C0C0 et #A8766E. 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)

#C0C0C0 - #A8766E | 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 #C0C0C0 0% et #A8766E 100%.

0.0%	0.0% #C0C0C0	RVB 192 192 192	#C0C0C0
16.7%	16.7% #BCB3B2	RVB 188 179 178	#BCB3B2
33.3%	33.3% #B8A7A4	RVB 184 167 164	#B8A7A4
50.0%	50.0% #B49B97	RVB 180 155 151	#B49B97
66.7%	66.7% #B08E89	RVB 176 142 137	#B08E89
83.3%	83.3% #AC827B	RVB 172 130 123	#AC827B
100.0%	100.0% #A8766E	RVB 168 118 110	#A8766E

#C0C0C0 #BCB3B2 #B8A7A4 #B49B97 #B08E89 #AC827B #A8766E

#C0C0C0 - #A8766E

Mélange HSV

#C0C0C0 - #A8766E | 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 #C0C0C0 0% et #A8766E 100%.

0.0%	0.0% #C0C0C0	RVB 192 192 192	#C0C0C0
16.7%	16.7% #BCB1B1	RVB 188 177 177	#BCB1B1
33.3%	33.3% #B8A3A2	RVB 184 163 162	#B8A3A2
50.0%	50.0% #B49794	RVB 180 151 148	#B49794
66.7%	66.7% #B08B87	RVB 176 139 135	#B08B87
83.3%	83.3% #AC807A	RVB 172 128 122	#AC807A
100.0%	100.0% #A8766E	RVB 168 118 110	#A8766E

#C0C0C0 #BCB1B1 #B8A3A2 #B49794 #B08B87 #AC807A #A8766E

#C0C0C0 - #B49794 - #A8766E

Codes CSS

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

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