#6B5E19 - #E4A034 | 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 #6B5E19 à #E4A034

#6B5E19 #E4A034

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

#6B5E19 - #E4A034 | 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 #6B5E19 0% et #E4A034 100%.

0.0%	0.0% #6B5E19	RVB 107 94 25	#6B5E19
16.7%	16.7% #7F691D	RVB 127 105 29	#7F691D
33.3%	33.3% #937422	RVB 147 116 34	#937422
50.0%	50.0% #A77F26	RVB 167 127 38	#A77F26
66.7%	66.7% #BB8A2B	RVB 187 138 43	#BB8A2B
83.3%	83.3% #CF952F	RVB 207 149 47	#CF952F
100.0%	100.0% #E4A034	RVB 228 160 52	#E4A034

#6B5E19 #7F691D #937422 #A77F26 #BB8A2B #CF952F #E4A034

#6B5E19 - #E4A034

Mélange HSV

#6B5E19 - #E4A034 | 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 #6B5E19 0% et #E4A034 100%.

0.0%	0.0% #6B5E19	RVB 107 94 25	#6B5E19
16.7%	16.7% #7F6B1D	RVB 127 107 29	#7F6B1D
33.3%	33.3% #937822	RVB 147 120 34	#937822
50.0%	50.0% #A78426	RVB 167 132 38	#A78426
66.7%	66.7% #BB8E2B	RVB 187 142 43	#BB8E2B
83.3%	83.3% #CF982F	RVB 207 152 47	#CF982F
100.0%	100.0% #E4A034	RVB 228 160 52	#E4A034

#6B5E19 #7F6B1D #937822 #A78426 #BB8E2B #CF982F #E4A034

#6B5E19 - #A78426 - #E4A034

Codes CSS

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

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