#CACAC5 - #9D9274 | 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 #CACAC5 à #9D9274

#CACAC5 #9D9274

Calculez la couleur entre deux couleurs, #CACAC5 et #9D9274. 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)

#CACAC5 - #9D9274 | 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 #CACAC5 0% et #9D9274 100%.

0.0%	0.0% #CACAC5	RVB 202 202 197	#CACAC5
16.7%	16.7% #C2C0B7	RVB 194 192 183	#C2C0B7
33.3%	33.3% #BBB7AA	RVB 187 183 170	#BBB7AA
50.0%	50.0% #B3AE9C	RVB 179 174 156	#B3AE9C
66.7%	66.7% #ACA48F	RVB 172 164 143	#ACA48F
83.3%	83.3% #A49B81	RVB 164 155 129	#A49B81
100.0%	100.0% #9D9274	RVB 157 146 116	#9D9274

#CACAC5 #C2C0B7 #BBB7AA #B3AE9C #ACA48F #A49B81 #9D9274

#CACAC5 - #9D9274

Mélange HSV

#CACAC5 - #9D9274 | 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 #CACAC5 0% et #9D9274 100%.

0.0%	0.0% #CACAC5	RVB 202 202 197	#CACAC5
16.7%	16.7% #C2C1B6	RVB 194 193 182	#C2C1B6
33.3%	33.3% #BBB9A7	RVB 187 185 167	#BBB9A7
50.0%	50.0% #B3B099	RVB 179 176 153	#B3B099
66.7%	66.7% #ACA68C	RVB 172 166 140	#ACA68C
83.3%	83.3% #A49C80	RVB 164 156 128	#A49C80
100.0%	100.0% #9D9274	RVB 157 146 116	#9D9274

#CACAC5 #C2C1B6 #BBB9A7 #B3B099 #ACA68C #A49C80 #9D9274

#CACAC5 - #B3B099 - #9D9274

Codes CSS

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

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