#CEC9A8 - #86954C | 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 #CEC9A8 à #86954C

#CEC9A8 #86954C

Calculez la couleur entre deux couleurs, #CEC9A8 et #86954C. 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)

#CEC9A8 - #86954C | 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 #CEC9A8 0% et #86954C 100%.

0.0%	0.0% #CEC9A8	RVB 206 201 168	#CEC9A8
16.7%	16.7% #C2C098	RVB 194 192 152	#C2C098
33.3%	33.3% #B6B789	RVB 182 183 137	#B6B789
50.0%	50.0% #AAAF7A	RVB 170 175 122	#AAAF7A
66.7%	66.7% #9EA66A	RVB 158 166 106	#9EA66A
83.3%	83.3% #929D5B	RVB 146 157 91	#929D5B
100.0%	100.0% #86954C	RVB 134 149 76	#86954C

#CEC9A8 #C2C098 #B6B789 #AAAF7A #9EA66A #929D5B #86954C

#CEC9A8 - #86954C

Mélange HSV

#CEC9A8 - #86954C | 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 #CEC9A8 0% et #86954C 100%.

0.0%	0.0% #CEC9A8	RVB 206 201 168	#CEC9A8
16.7%	16.7% #C4C196	RVB 196 193 150	#C4C196
33.3%	33.3% #BBB985	RVB 187 185 133	#BBB985
50.0%	50.0% #AFB175	RVB 175 177 117	#AFB175
66.7%	66.7% #A1A866	RVB 161 168 102	#A1A866
83.3%	83.3% #949E58	RVB 148 158 88	#949E58
100.0%	100.0% #86954C	RVB 134 149 76	#86954C

#CEC9A8 #C4C196 #BBB985 #AFB175 #A1A866 #949E58 #86954C

#CEC9A8 - #AFB175 - #86954C

Codes CSS

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

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