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

#C0C0C0 #A8986E

Calculez la couleur entre deux couleurs, #C0C0C0 et #A8986E. 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 - #A8986E | 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 #A8986E 100%.

0.0%	0.0% #C0C0C0	RVB 192 192 192	#C0C0C0
16.7%	16.7% #BCB9B2	RVB 188 185 178	#BCB9B2
33.3%	33.3% #B8B2A4	RVB 184 178 164	#B8B2A4
50.0%	50.0% #B4AC97	RVB 180 172 151	#B4AC97
66.7%	66.7% #B0A589	RVB 176 165 137	#B0A589
83.3%	83.3% #AC9E7B	RVB 172 158 123	#AC9E7B
100.0%	100.0% #A8986E	RVB 168 152 110	#A8986E

#C0C0C0 #BCB9B2 #B8B2A4 #B4AC97 #B0A589 #AC9E7B #A8986E

#C0C0C0 - #A8986E

Mélange HSV

#C0C0C0 - #A8986E | 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 #A8986E 100%.

0.0%	0.0% #C0C0C0	RVB 192 192 192	#C0C0C0
16.7%	16.7% #BCB2B1	RVB 188 178 177	#BCB2B1
33.3%	33.3% #B8A7A2	RVB 184 167 162	#B8A7A2
50.0%	50.0% #B4A094	RVB 180 160 148	#B4A094
66.7%	66.7% #B09B87	RVB 176 155 135	#B09B87
83.3%	83.3% #AC987A	RVB 172 152 122	#AC987A
100.0%	100.0% #A8986E	RVB 168 152 110	#A8986E

#C0C0C0 #BCB2B1 #B8A7A2 #B4A094 #B09B87 #AC987A #A8986E

#C0C0C0 - #B4A094 - #A8986E

Codes CSS

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

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