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

#CCCABB #768F5E

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

0.0%	0.0% #CCCABB	RVB 204 202 187	#CCCABB
16.7%	16.7% #BDC0AB	RVB 189 192 171	#BDC0AB
33.3%	33.3% #AFB69C	RVB 175 182 156	#AFB69C
50.0%	50.0% #A1AC8C	RVB 161 172 140	#A1AC8C
66.7%	66.7% #92A27D	RVB 146 162 125	#92A27D
83.3%	83.3% #84986D	RVB 132 152 109	#84986D
100.0%	100.0% #768F5E	RVB 118 143 94	#768F5E

#CCCABB #BDC0AB #AFB69C #A1AC8C #92A27D #84986D #768F5E

#CCCABB - #768F5E

Mélange HSV

#CCCABB - #768F5E | 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 #768F5E 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% #B4B798	RVB 180 183 152	#B4B798
50.0%	50.0% #A6AD88	RVB 166 173 136	#A6AD88
66.7%	66.7% #96A379	RVB 150 163 121	#96A379
83.3%	83.3% #86996B	RVB 134 153 107	#86996B
100.0%	100.0% #768F5E	RVB 118 143 94	#768F5E

#CCCABB #C1C1A9 #B4B798 #A6AD88 #96A379 #86996B #768F5E

#CCCABB - #A6AD88 - #768F5E

Codes CSS

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

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