#CECE91 - #A69C3E | 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 #CECE91 à #A69C3E

#CECE91 #A69C3E

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

#CECE91 - #A69C3E | 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 #CECE91 0% et #A69C3E 100%.

0.0%	0.0% #CECE91	RVB 206 206 145	#CECE91
16.7%	16.7% #C7C583	RVB 199 197 131	#C7C583
33.3%	33.3% #C0BD75	RVB 192 189 117	#C0BD75
50.0%	50.0% #BAB567	RVB 186 181 103	#BAB567
66.7%	66.7% #B3AC59	RVB 179 172 89	#B3AC59
83.3%	83.3% #ACA44B	RVB 172 164 75	#ACA44B
100.0%	100.0% #A69C3E	RVB 166 156 62	#A69C3E

#CECE91 #C7C583 #C0BD75 #BAB567 #B3AC59 #ACA44B #A69C3E

#CECE91 - #A69C3E

Mélange HSV

#CECE91 - #A69C3E | 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 #CECE91 0% et #A69C3E 100%.

0.0%	0.0% #CECE91	RVB 206 206 145	#CECE91
16.7%	16.7% #C7C681	RVB 199 198 129	#C7C681
33.3%	33.3% #C0BE72	RVB 192 190 114	#C0BE72
50.0%	50.0% #BAB564	RVB 186 181 100	#BAB564
66.7%	66.7% #B3AD56	RVB 179 173 86	#B3AD56
83.3%	83.3% #ACA449	RVB 172 164 73	#ACA449
100.0%	100.0% #A69C3E	RVB 166 156 62	#A69C3E

#CECE91 #C7C681 #C0BE72 #BAB564 #B3AD56 #ACA449 #A69C3E

#CECE91 - #BAB564 - #A69C3E

Codes CSS

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

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