#C8C0BC - #AA7B69 | 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 #C8C0BC à #AA7B69

#C8C0BC #AA7B69

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

#C8C0BC - #AA7B69 | 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 #C8C0BC 0% et #AA7B69 100%.

0.0%	0.0% #C8C0BC	RVB 200 192 188	#C8C0BC
16.7%	16.7% #C3B4AE	RVB 195 180 174	#C3B4AE
33.3%	33.3% #BEA9A0	RVB 190 169 160	#BEA9A0
50.0%	50.0% #B99D92	RVB 185 157 146	#B99D92
66.7%	66.7% #B49284	RVB 180 146 132	#B49284
83.3%	83.3% #AF8676	RVB 175 134 118	#AF8676
100.0%	100.0% #AA7B69	RVB 170 123 105	#AA7B69

#C8C0BC #C3B4AE #BEA9A0 #B99D92 #B49284 #AF8676 #AA7B69

#C8C0BC - #AA7B69

Mélange HSV

#C8C0BC - #AA7B69 | 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 #C8C0BC 0% et #AA7B69 100%.

0.0%	0.0% #C8C0BC	RVB 200 192 188	#C8C0BC
16.7%	16.7% #C3B4AC	RVB 195 180 172	#C3B4AC
33.3%	33.3% #BEA89E	RVB 190 168 158	#BEA89E
50.0%	50.0% #B99C90	RVB 185 156 144	#B99C90
66.7%	66.7% #B49182	RVB 180 145 130	#B49182
83.3%	83.3% #AF8575	RVB 175 133 117	#AF8575
100.0%	100.0% #AA7B69	RVB 170 123 105	#AA7B69

#C8C0BC #C3B4AC #BEA89E #B99C90 #B49182 #AF8575 #AA7B69

#C8C0BC - #B99C90 - #AA7B69

Codes CSS

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

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