#5E5E65 - #B69C81 | 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 #5E5E65 à #B69C81

#5E5E65 #B69C81

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

#5E5E65 - #B69C81 | 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 #5E5E65 0% et #B69C81 100%.

0.0%	0.0% #5E5E65	RVB 94 94 101	#5E5E65
16.7%	16.7% #6C6869	RVB 108 104 105	#6C6869
33.3%	33.3% #7B726E	RVB 123 114 110	#7B726E
50.0%	50.0% #8A7D73	RVB 138 125 115	#8A7D73
66.7%	66.7% #988777	RVB 152 135 119	#988777
83.3%	83.3% #A7917C	RVB 167 145 124	#A7917C
100.0%	100.0% #B69C81	RVB 182 156 129	#B69C81

#5E5E65 #6C6869 #7B726E #8A7D73 #988777 #A7917C #B69C81

#5E5E65 - #B69C81

Mélange HSV

#5E5E65 - #B69C81 | 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 #5E5E65 0% et #B69C81 100%.

0.0%	0.0% #5E5E65	RVB 94 94 101	#5E5E65
16.7%	16.7% #6B6672	RVB 107 102 114	#6B6672
33.3%	33.3% #7D6D80	RVB 125 109 128	#7D6D80
50.0%	50.0% #8D7387	RVB 141 115 135	#8D7387
66.7%	66.7% #9B7984	RVB 155 121 132	#9B7984
83.3%	83.3% #A8817D	RVB 168 129 125	#A8817D
100.0%	100.0% #B69C81	RVB 182 156 129	#B69C81

#5E5E65 #6B6672 #7D6D80 #8D7387 #9B7984 #A8817D #B69C81

#5E5E65 - #8D7387 - #B69C81

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E65 0%, #8D7387 50%, #B69C81 100%);
    background: -webkit-linear-gradient(top, #5E5E65 0%, #8D7387 50%, #B69C81 100%);
    background: linear-gradient(to bottom, #5E5E65 0%, #8D7387 50%, #B69C81 100%);
}
</style>