#5E5E68 - #B69C84 | 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 #5E5E68 à #B69C84

#5E5E68 #B69C84

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

#5E5E68 - #B69C84 | 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 #5E5E68 0% et #B69C84 100%.

0.0%	0.0% #5E5E68	RVB 94 94 104	#5E5E68
16.7%	16.7% #6C686C	RVB 108 104 108	#6C686C
33.3%	33.3% #7B7271	RVB 123 114 113	#7B7271
50.0%	50.0% #8A7D76	RVB 138 125 118	#8A7D76
66.7%	66.7% #98877A	RVB 152 135 122	#98877A
83.3%	83.3% #A7917F	RVB 167 145 127	#A7917F
100.0%	100.0% #B69C84	RVB 182 156 132	#B69C84

#5E5E68 #6C686C #7B7271 #8A7D76 #98877A #A7917F #B69C84

#5E5E68 - #B69C84

Mélange HSV

#5E5E68 - #B69C84 | 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 #5E5E68 0% et #B69C84 100%.

0.0%	0.0% #5E5E68	RVB 94 94 104	#5E5E68
16.7%	16.7% #6C6675	RVB 108 102 117	#6C6675
33.3%	33.3% #7E6D82	RVB 126 109 130	#7E6D82
50.0%	50.0% #8F7488	RVB 143 116 136	#8F7488
66.7%	66.7% #9C7A86	RVB 156 122 134	#9C7A86
83.3%	83.3% #A9827F	RVB 169 130 127	#A9827F
100.0%	100.0% #B69C84	RVB 182 156 132	#B69C84

#5E5E68 #6C6675 #7E6D82 #8F7488 #9C7A86 #A9827F #B69C84

#5E5E68 - #8F7488 - #B69C84

Codes CSS

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

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