#C8C3C7 - #A06B7E | 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 #C8C3C7 à #A06B7E

#C8C3C7 #A06B7E

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

#C8C3C7 - #A06B7E | 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 #C8C3C7 0% et #A06B7E 100%.

0.0%	0.0% #C8C3C7	RVB 200 195 199	#C8C3C7
16.7%	16.7% #C1B4BA	RVB 193 180 186	#C1B4BA
33.3%	33.3% #BAA5AE	RVB 186 165 174	#BAA5AE
50.0%	50.0% #B497A2	RVB 180 151 162	#B497A2
66.7%	66.7% #AD8896	RVB 173 136 150	#AD8896
83.3%	83.3% #A6798A	RVB 166 121 138	#A6798A
100.0%	100.0% #A06B7E	RVB 160 107 126	#A06B7E

#C8C3C7 #C1B4BA #BAA5AE #B497A2 #AD8896 #A6798A #A06B7E

#C8C3C7 - #A06B7E

Mélange HSV

#C8C3C7 - #A06B7E | 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 #C8C3C7 0% et #A06B7E 100%.

0.0%	0.0% #C8C3C7	RVB 200 195 199	#C8C3C7
16.7%	16.7% #C1B2BD	RVB 193 178 189	#C1B2BD
33.3%	33.3% #BAA2B2	RVB 186 162 178	#BAA2B2
50.0%	50.0% #B493A6	RVB 180 147 166	#B493A6
66.7%	66.7% #AD8599	RVB 173 133 153	#AD8599
83.3%	83.3% #A6778C	RVB 166 119 140	#A6778C
100.0%	100.0% #A06B7E	RVB 160 107 126	#A06B7E

#C8C3C7 #C1B2BD #BAA2B2 #B493A6 #AD8599 #A6778C #A06B7E

#C8C3C7 - #B493A6 - #A06B7E

Codes CSS

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

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