#5E5E42 - #1A1A12 | 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 #5E5E42 à #1A1A12

#5E5E42 #1A1A12

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

#5E5E42 - #1A1A12 | 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 #5E5E42 0% et #1A1A12 100%.

0.0%	0.0% #5E5E42	RVB 94 94 66	#5E5E42
16.7%	16.7% #52523A	RVB 82 82 58	#52523A
33.3%	33.3% #474732	RVB 71 71 50	#474732
50.0%	50.0% #3C3C2A	RVB 60 60 42	#3C3C2A
66.7%	66.7% #303022	RVB 48 48 34	#303022
83.3%	83.3% #25251A	RVB 37 37 26	#25251A
100.0%	100.0% #1A1A12	RVB 26 26 18	#1A1A12

#5E5E42 #52523A #474732 #3C3C2A #303022 #25251A #1A1A12

#5E5E42 - #1A1A12

Mélange HSV

#5E5E42 - #1A1A12 | 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 #5E5E42 0% et #1A1A12 100%.

0.0%	0.0% #5E5E42	RVB 94 94 66	#5E5E42
16.7%	16.7% #525239	RVB 82 82 57	#525239
33.3%	33.3% #474731	RVB 71 71 49	#474731
50.0%	50.0% #3C3C29	RVB 60 60 41	#3C3C29
66.7%	66.7% #303021	RVB 48 48 33	#303021
83.3%	83.3% #252519	RVB 37 37 25	#252519
100.0%	100.0% #1A1A12	RVB 26 26 18	#1A1A12

#5E5E42 #525239 #474731 #3C3C29 #303021 #252519 #1A1A12

#5E5E42 - #3C3C29 - #1A1A12

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E42 0%, #3C3C29 50%, #1A1A12 100%);
    background: -webkit-linear-gradient(top, #5E5E42 0%, #3C3C29 50%, #1A1A12 100%);
    background: linear-gradient(to bottom, #5E5E42 0%, #3C3C29 50%, #1A1A12 100%);
}
</style>