#CECCCA - #AC8C7A | 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 #CECCCA à #AC8C7A

#CECCCA #AC8C7A

Calculez la couleur entre deux couleurs, #CECCCA et #AC8C7A. 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)

#CECCCA - #AC8C7A | 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 #CECCCA 0% et #AC8C7A 100%.

0.0%	0.0% #CECCCA	RVB 206 204 202	#CECCCA
16.7%	16.7% #C8C1BC	RVB 200 193 188	#C8C1BC
33.3%	33.3% #C2B6AF	RVB 194 182 175	#C2B6AF
50.0%	50.0% #BDACA2	RVB 189 172 162	#BDACA2
66.7%	66.7% #B7A194	RVB 183 161 148	#B7A194
83.3%	83.3% #B19687	RVB 177 150 135	#B19687
100.0%	100.0% #AC8C7A	RVB 172 140 122	#AC8C7A

#CECCCA #C8C1BC #C2B6AF #BDACA2 #B7A194 #B19687 #AC8C7A

#CECCCA - #AC8C7A

Mélange HSV

#CECCCA - #AC8C7A | 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 #CECCCA 0% et #AC8C7A 100%.

0.0%	0.0% #CECCCA	RVB 206 204 202	#CECCCA
16.7%	16.7% #C8C1BB	RVB 200 193 187	#C8C1BB
33.3%	33.3% #C2B6AD	RVB 194 182 173	#C2B6AD
50.0%	50.0% #BDAC9F	RVB 189 172 159	#BDAC9F
66.7%	66.7% #B7A192	RVB 183 161 146	#B7A192
83.3%	83.3% #B19686	RVB 177 150 134	#B19686
100.0%	100.0% #AC8C7A	RVB 172 140 122	#AC8C7A

#CECCCA #C8C1BB #C2B6AD #BDAC9F #B7A192 #B19686 #AC8C7A

#CECCCA - #BDAC9F - #AC8C7A

Codes CSS

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

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