#848468 - #5E511C | 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 #848468 à #5E511C

#848468 #5E511C

Calculez la couleur entre deux couleurs, #848468 et #5E511C. 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)

#848468 - #5E511C | 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 #848468 0% et #5E511C 100%.

0.0%	0.0% #848468	RVB 132 132 104	#848468
16.7%	16.7% #7D7B5B	RVB 125 123 91	#7D7B5B
33.3%	33.3% #77734E	RVB 119 115 78	#77734E
50.0%	50.0% #716A42	RVB 113 106 66	#716A42
66.7%	66.7% #6A6235	RVB 106 98 53	#6A6235
83.3%	83.3% #645928	RVB 100 89 40	#645928
100.0%	100.0% #5E511C	RVB 94 81 28	#5E511C

#848468 #7D7B5B #77734E #716A42 #6A6235 #645928 #5E511C

#848468 - #5E511C

Mélange HSV

#848468 - #5E511C | 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 #848468 0% et #5E511C 100%.

0.0%	0.0% #848468	RVB 132 132 104	#848468
16.7%	16.7% #7D7C58	RVB 125 124 88	#7D7C58
33.3%	33.3% #77744A	RVB 119 116 74	#77744A
50.0%	50.0% #716B3D	RVB 113 107 61	#716B3D
66.7%	66.7% #6A6331	RVB 106 99 49	#6A6331
83.3%	83.3% #645A26	RVB 100 90 38	#645A26
100.0%	100.0% #5E511C	RVB 94 81 28	#5E511C

#848468 #7D7C58 #77744A #716B3D #6A6331 #645A26 #5E511C

#848468 - #716B3D - #5E511C

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #848468 0%, #716B3D 50%, #5E511C 100%);
    background: -webkit-linear-gradient(top, #848468 0%, #716B3D 50%, #5E511C 100%);
    background: linear-gradient(to bottom, #848468 0%, #716B3D 50%, #5E511C 100%);
}
</style>