#5E5C5E - #1D251C | 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 #5E5C5E à #1D251C

#5E5C5E #1D251C

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

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

0.0%	0.0% #5E5C5E	RVB 94 92 94	#5E5C5E
16.7%	16.7% #535253	RVB 83 82 83	#535253
33.3%	33.3% #484948	RVB 72 73 72	#484948
50.0%	50.0% #3D403D	RVB 61 64 61	#3D403D
66.7%	66.7% #323732	RVB 50 55 50	#323732
83.3%	83.3% #272E27	RVB 39 46 39	#272E27
100.0%	100.0% #1D251C	RVB 29 37 28	#1D251C

#5E5C5E #535253 #484948 #3D403D #323732 #272E27 #1D251C

#5E5C5E - #1D251C

Mélange HSV

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

0.0%	0.0% #5E5C5E	RVB 94 92 94	#5E5C5E
16.7%	16.7% #544F52	RVB 84 79 82	#544F52
33.3%	33.3% #4B4344	RVB 75 67 68	#4B4344
50.0%	50.0% #413C38	RVB 65 60 56	#413C38
66.7%	66.7% #38372E	RVB 56 55 46	#38372E
83.3%	83.3% #2A2E24	RVB 42 46 36	#2A2E24
100.0%	100.0% #1D251C	RVB 29 37 28	#1D251C

#5E5C5E #544F52 #4B4344 #413C38 #38372E #2A2E24 #1D251C

#5E5C5E - #413C38 - #1D251C

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5C5E 0%, #413C38 50%, #1D251C 100%);
    background: -webkit-linear-gradient(top, #5E5C5E 0%, #413C38 50%, #1D251C 100%);
    background: linear-gradient(to bottom, #5E5C5E 0%, #413C38 50%, #1D251C 100%);
}
</style>