#A7AF75 - #E5E8D7 | 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 #A7AF75 à #E5E8D7

#A7AF75 #E5E8D7

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

#A7AF75 - #E5E8D7 | 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 #A7AF75 0% et #E5E8D7 100%.

0.0%	0.0% #A7AF75	RVB 167 175 117	#A7AF75
16.7%	16.7% #B1B885	RVB 177 184 133	#B1B885
33.3%	33.3% #BBC295	RVB 187 194 149	#BBC295
50.0%	50.0% #C6CBA6	RVB 198 203 166	#C6CBA6
66.7%	66.7% #D0D5B6	RVB 208 213 182	#D0D5B6
83.3%	83.3% #DADEC6	RVB 218 222 198	#DADEC6
100.0%	100.0% #E5E8D7	RVB 229 232 215	#E5E8D7

#A7AF75 #B1B885 #BBC295 #C6CBA6 #D0D5B6 #DADEC6 #E5E8D7

#A7AF75 - #E5E8D7

Mélange HSV

#A7AF75 - #E5E8D7 | 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 #A7AF75 0% et #E5E8D7 100%.

0.0%	0.0% #A7AF75	RVB 167 175 117	#A7AF75
16.7%	16.7% #B0B883	RVB 176 184 131	#B0B883
33.3%	33.3% #BAC292	RVB 186 194 146	#BAC292
50.0%	50.0% #C5CBA2	RVB 197 203 162	#C5CBA2
66.7%	66.7% #CFD5B3	RVB 207 213 179	#CFD5B3
83.3%	83.3% #DADEC4	RVB 218 222 196	#DADEC4
100.0%	100.0% #E5E8D7	RVB 229 232 215	#E5E8D7

#A7AF75 #B0B883 #BAC292 #C5CBA2 #CFD5B3 #DADEC4 #E5E8D7

#A7AF75 - #C5CBA2 - #E5E8D7

Codes CSS

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

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