#4F232E - #AF5E4D | 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 #4F232E à #AF5E4D

#4F232E #AF5E4D

Calculez la couleur entre deux couleurs, #4F232E et #AF5E4D. 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)

#4F232E - #AF5E4D | 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 #4F232E 0% et #AF5E4D 100%.

0.0%	0.0% #4F232E	RVB 79 35 46	#4F232E
16.7%	16.7% #5F2C33	RVB 95 44 51	#5F2C33
33.3%	33.3% #6F3638	RVB 111 54 56	#6F3638
50.0%	50.0% #7F403D	RVB 127 64 61	#7F403D
66.7%	66.7% #8F4A42	RVB 143 74 66	#8F4A42
83.3%	83.3% #9F5447	RVB 159 84 71	#9F5447
100.0%	100.0% #AF5E4D	RVB 175 94 77	#AF5E4D

#4F232E #5F2C33 #6F3638 #7F403D #8F4A42 #9F5447 #AF5E4D

#4F232E - #AF5E4D

Mélange HSV

#4F232E - #AF5E4D | 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 #4F232E 0% et #AF5E4D 100%.

0.0%	0.0% #4F232E	RVB 79 35 46	#4F232E
16.7%	16.7% #5F2A33	RVB 95 42 51	#5F2A33
33.3%	33.3% #6F3137	RVB 111 49 55	#6F3137
50.0%	50.0% #7F383A	RVB 127 56 58	#7F383A
66.7%	66.7% #8F413F	RVB 143 65 63	#8F413F
83.3%	83.3% #9F4F46	RVB 159 79 70	#9F4F46
100.0%	100.0% #AF5E4D	RVB 175 94 77	#AF5E4D

#4F232E #5F2A33 #6F3137 #7F383A #8F413F #9F4F46 #AF5E4D

#4F232E - #7F383A - #AF5E4D

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4F232E 0%, #7F383A 50%, #AF5E4D 100%);
    background: -webkit-linear-gradient(top, #4F232E 0%, #7F383A 50%, #AF5E4D 100%);
    background: linear-gradient(to bottom, #4F232E 0%, #7F383A 50%, #AF5E4D 100%);
}
</style>