#9A8559 - #E2DCCF | 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 #9A8559 à #E2DCCF

#9A8559 #E2DCCF

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

#9A8559 - #E2DCCF | 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 #9A8559 0% et #E2DCCF 100%.

0.0%	0.0% #9A8559	RVB 154 133 89	#9A8559
16.7%	16.7% #A6936C	RVB 166 147 108	#A6936C
33.3%	33.3% #B2A280	RVB 178 162 128	#B2A280
50.0%	50.0% #BEB094	RVB 190 176 148	#BEB094
66.7%	66.7% #CABFA7	RVB 202 191 167	#CABFA7
83.3%	83.3% #D6CDBB	RVB 214 205 187	#D6CDBB
100.0%	100.0% #E2DCCF	RVB 226 220 207	#E2DCCF

#9A8559 #A6936C #B2A280 #BEB094 #CABFA7 #D6CDBB #E2DCCF

#9A8559 - #E2DCCF

Mélange HSV

#9A8559 - #E2DCCF | 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 #9A8559 0% et #E2DCCF 100%.

0.0%	0.0% #9A8559	RVB 154 133 89	#9A8559
16.7%	16.7% #A69269	RVB 166 146 105	#A69269
33.3%	33.3% #B2A07A	RVB 178 160 122	#B2A07A
50.0%	50.0% #BEAE8D	RVB 190 174 141	#BEAE8D
66.7%	66.7% #CABDA2	RVB 202 189 162	#CABDA2
83.3%	83.3% #D6CCB7	RVB 214 204 183	#D6CCB7
100.0%	100.0% #E2DCCF	RVB 226 220 207	#E2DCCF

#9A8559 #A69269 #B2A07A #BEAE8D #CABDA2 #D6CCB7 #E2DCCF

#9A8559 - #BEAE8D - #E2DCCF

Codes CSS

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

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