#4E3E5E - #8FAB95 | 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 #4E3E5E à #8FAB95

#4E3E5E #8FAB95

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

#4E3E5E - #8FAB95 | 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 #4E3E5E 0% et #8FAB95 100%.

0.0%	0.0% #4E3E5E	RVB 78 62 94	#4E3E5E
16.7%	16.7% #585067	RVB 88 80 103	#585067
33.3%	33.3% #636270	RVB 99 98 112	#636270
50.0%	50.0% #6E7479	RVB 110 116 121	#6E7479
66.7%	66.7% #798682	RVB 121 134 130	#798682
83.3%	83.3% #84988B	RVB 132 152 139	#84988B
100.0%	100.0% #8FAB95	RVB 143 171 149	#8FAB95

#4E3E5E #585067 #636270 #6E7479 #798682 #84988B #8FAB95

#4E3E5E - #8FAB95

Mélange HSV

#4E3E5E - #8FAB95 | 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 #4E3E5E 0% et #8FAB95 100%.

0.0%	0.0% #4E3E5E	RVB 78 62 94	#4E3E5E
16.7%	16.7% #4D496A	RVB 77 73 106	#4D496A
33.3%	33.3% #555E77	RVB 85 94 119	#555E77
50.0%	50.0% #637884	RVB 99 120 132	#637884
66.7%	66.7% #709190	RVB 112 145 144	#709190
83.3%	83.3% #7F9E91	RVB 127 158 145	#7F9E91
100.0%	100.0% #8FAB95	RVB 143 171 149	#8FAB95

#4E3E5E #4D496A #555E77 #637884 #709190 #7F9E91 #8FAB95

#4E3E5E - #637884 - #8FAB95

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E3E5E 0%, #637884 50%, #8FAB95 100%);
    background: -webkit-linear-gradient(top, #4E3E5E 0%, #637884 50%, #8FAB95 100%);
    background: linear-gradient(to bottom, #4E3E5E 0%, #637884 50%, #8FAB95 100%);
}
</style>