#CCCABB - #798F5E | 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 #CCCABB à #798F5E

#CCCABB #798F5E

Calculez la couleur entre deux couleurs, #CCCABB et #798F5E. 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)

#CCCABB - #798F5E | 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 #CCCABB 0% et #798F5E 100%.

0.0%	0.0% #CCCABB	RVB 204 202 187	#CCCABB
16.7%	16.7% #BEC0AB	RVB 190 192 171	#BEC0AB
33.3%	33.3% #B0B69C	RVB 176 182 156	#B0B69C
50.0%	50.0% #A2AC8C	RVB 162 172 140	#A2AC8C
66.7%	66.7% #94A27D	RVB 148 162 125	#94A27D
83.3%	83.3% #86986D	RVB 134 152 109	#86986D
100.0%	100.0% #798F5E	RVB 121 143 94	#798F5E

#CCCABB #BEC0AB #B0B69C #A2AC8C #94A27D #86986D #798F5E

#CCCABB - #798F5E

Mélange HSV

#CCCABB - #798F5E | 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 #CCCABB 0% et #798F5E 100%.

0.0%	0.0% #CCCABB	RVB 204 202 187	#CCCABB
16.7%	16.7% #C1C1A9	RVB 193 193 169	#C1C1A9
33.3%	33.3% #B5B798	RVB 181 183 152	#B5B798
50.0%	50.0% #A7AD88	RVB 167 173 136	#A7AD88
66.7%	66.7% #98A379	RVB 152 163 121	#98A379
83.3%	83.3% #88996B	RVB 136 153 107	#88996B
100.0%	100.0% #798F5E	RVB 121 143 94	#798F5E

#CCCABB #C1C1A9 #B5B798 #A7AD88 #98A379 #88996B #798F5E

#CCCABB - #A7AD88 - #798F5E

Codes CSS

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

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