#C8C9A8 - #8B9352 | 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 #C8C9A8 à #8B9352

#C8C9A8 #8B9352

Calculez la couleur entre deux couleurs, #C8C9A8 et #8B9352. 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)

#C8C9A8 - #8B9352 | 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 #C8C9A8 0% et #8B9352 100%.

0.0%	0.0% #C8C9A8	RVB 200 201 168	#C8C9A8
16.7%	16.7% #BDC099	RVB 189 192 153	#BDC099
33.3%	33.3% #B3B78B	RVB 179 183 139	#B3B78B
50.0%	50.0% #A9AE7D	RVB 169 174 125	#A9AE7D
66.7%	66.7% #9FA56E	RVB 159 165 110	#9FA56E
83.3%	83.3% #959C60	RVB 149 156 96	#959C60
100.0%	100.0% #8B9352	RVB 139 147 82	#8B9352

#C8C9A8 #BDC099 #B3B78B #A9AE7D #9FA56E #959C60 #8B9352

#C8C9A8 - #8B9352

Mélange HSV

#C8C9A8 - #8B9352 | 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 #C8C9A8 0% et #8B9352 100%.

0.0%	0.0% #C8C9A8	RVB 200 201 168	#C8C9A8
16.7%	16.7% #BEC097	RVB 190 192 151	#BEC097
33.3%	33.3% #B4B787	RVB 180 183 135	#B4B787
50.0%	50.0% #A9AE79	RVB 169 174 121	#A9AE79
66.7%	66.7% #9FA56B	RVB 159 165 107	#9FA56B
83.3%	83.3% #959C5E	RVB 149 156 94	#959C5E
100.0%	100.0% #8B9352	RVB 139 147 82	#8B9352

#C8C9A8 #BEC097 #B4B787 #A9AE79 #9FA56B #959C5E #8B9352

#C8C9A8 - #A9AE79 - #8B9352

Codes CSS

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

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