#A8AF5E - #E6E8D1 | 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 #A8AF5E à #E6E8D1

#A8AF5E #E6E8D1

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

#A8AF5E - #E6E8D1 | 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 #A8AF5E 0% et #E6E8D1 100%.

0.0%	0.0% #A8AF5E	RVB 168 175 94	#A8AF5E
16.7%	16.7% #B2B871	RVB 178 184 113	#B2B871
33.3%	33.3% #BCC284	RVB 188 194 132	#BCC284
50.0%	50.0% #C7CB97	RVB 199 203 151	#C7CB97
66.7%	66.7% #D1D5AA	RVB 209 213 170	#D1D5AA
83.3%	83.3% #DBDEBD	RVB 219 222 189	#DBDEBD
100.0%	100.0% #E6E8D1	RVB 230 232 209	#E6E8D1

#A8AF5E #B2B871 #BCC284 #C7CB97 #D1D5AA #DBDEBD #E6E8D1

#A8AF5E - #E6E8D1

Mélange HSV

#A8AF5E - #E6E8D1 | 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 #A8AF5E 0% et #E6E8D1 100%.

0.0%	0.0% #A8AF5E	RVB 168 175 94	#A8AF5E
16.7%	16.7% #B2B86E	RVB 178 184 110	#B2B86E
33.3%	33.3% #BCC27F	RVB 188 194 127	#BCC27F
50.0%	50.0% #C6CB92	RVB 198 203 146	#C6CB92
66.7%	66.7% #D0D5A6	RVB 208 213 166	#D0D5A6
83.3%	83.3% #DBDEBA	RVB 219 222 186	#DBDEBA
100.0%	100.0% #E6E8D1	RVB 230 232 209	#E6E8D1

#A8AF5E #B2B86E #BCC27F #C6CB92 #D0D5A6 #DBDEBA #E6E8D1

#A8AF5E - #C6CB92 - #E6E8D1

Codes CSS

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

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