#A6985C - #E5E1D0 | 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 #A6985C à #E5E1D0

#A6985C #E5E1D0

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

#A6985C - #E5E1D0 | 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 #A6985C 0% et #E5E1D0 100%.

0.0%	0.0% #A6985C	RVB 166 152 92	#A6985C
16.7%	16.7% #B0A46F	RVB 176 164 111	#B0A46F
33.3%	33.3% #BBB082	RVB 187 176 130	#BBB082
50.0%	50.0% #C5BC96	RVB 197 188 150	#C5BC96
66.7%	66.7% #D0C8A9	RVB 208 200 169	#D0C8A9
83.3%	83.3% #DAD4BC	RVB 218 212 188	#DAD4BC
100.0%	100.0% #E5E1D0	RVB 229 225 208	#E5E1D0

#A6985C #B0A46F #BBB082 #C5BC96 #D0C8A9 #DAD4BC #E5E1D0

#A6985C - #E5E1D0

Mélange HSV

#A6985C - #E5E1D0 | 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 #A6985C 0% et #E5E1D0 100%.

0.0%	0.0% #A6985C	RVB 166 152 92	#A6985C
16.7%	16.7% #B0A36C	RVB 176 163 108	#B0A36C
33.3%	33.3% #BBAF7D	RVB 187 175 125	#BBAF7D
50.0%	50.0% #C5BB90	RVB 197 187 144	#C5BB90
66.7%	66.7% #D0C7A4	RVB 208 199 164	#D0C7A4
83.3%	83.3% #DAD4B9	RVB 218 212 185	#DAD4B9
100.0%	100.0% #E5E1D0	RVB 229 225 208	#E5E1D0

#A6985C #B0A36C #BBAF7D #C5BB90 #D0C7A4 #DAD4B9 #E5E1D0

#A6985C - #C5BB90 - #E5E1D0

Codes CSS

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

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