#6E6B5E - #E6B37C | 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 #6E6B5E à #E6B37C

#6E6B5E #E6B37C

Calculez la couleur entre deux couleurs, #6E6B5E et #E6B37C. 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)

#6E6B5E - #E6B37C | 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 #6E6B5E 0% et #E6B37C 100%.

0.0%	0.0% #6E6B5E	RVB 110 107 94	#6E6B5E
16.7%	16.7% #827763	RVB 130 119 99	#827763
33.3%	33.3% #968368	RVB 150 131 104	#968368
50.0%	50.0% #AA8F6D	RVB 170 143 109	#AA8F6D
66.7%	66.7% #BE9B72	RVB 190 155 114	#BE9B72
83.3%	83.3% #D2A777	RVB 210 167 119	#D2A777
100.0%	100.0% #E6B37C	RVB 230 179 124	#E6B37C

#6E6B5E #827763 #968368 #AA8F6D #BE9B72 #D2A777 #E6B37C

#6E6B5E - #E6B37C

Mélange HSV

#6E6B5E - #E6B37C | 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 #6E6B5E 0% et #E6B37C 100%.

0.0%	0.0% #6E6B5E	RVB 110 107 94	#6E6B5E
16.7%	16.7% #827B68	RVB 130 123 104	#827B68
33.3%	33.3% #968B70	RVB 150 139 112	#968B70
50.0%	50.0% #AA9876	RVB 170 152 118	#AA9876
66.7%	66.7% #BEA47A	RVB 190 164 122	#BEA47A
83.3%	83.3% #D2AC7C	RVB 210 172 124	#D2AC7C
100.0%	100.0% #E6B37C	RVB 230 179 124	#E6B37C

#6E6B5E #827B68 #968B70 #AA9876 #BEA47A #D2AC7C #E6B37C

#6E6B5E - #AA9876 - #E6B37C

Codes CSS

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

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