#5E5E66 - #B69C82 | 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 #5E5E66 à #B69C82

#5E5E66 #B69C82

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

#5E5E66 - #B69C82 | 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 #5E5E66 0% et #B69C82 100%.

0.0%	0.0% #5E5E66	RVB 94 94 102	#5E5E66
16.7%	16.7% #6C686A	RVB 108 104 106	#6C686A
33.3%	33.3% #7B726F	RVB 123 114 111	#7B726F
50.0%	50.0% #8A7D74	RVB 138 125 116	#8A7D74
66.7%	66.7% #988778	RVB 152 135 120	#988778
83.3%	83.3% #A7917D	RVB 167 145 125	#A7917D
100.0%	100.0% #B69C82	RVB 182 156 130	#B69C82

#5E5E66 #6C686A #7B726F #8A7D74 #988778 #A7917D #B69C82

#5E5E66 - #B69C82

Mélange HSV

#5E5E66 - #B69C82 | 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 #5E5E66 0% et #B69C82 100%.

0.0%	0.0% #5E5E66	RVB 94 94 102	#5E5E66
16.7%	16.7% #6B6673	RVB 107 102 115	#6B6673
33.3%	33.3% #7D6D80	RVB 125 109 128	#7D6D80
50.0%	50.0% #8E7487	RVB 142 116 135	#8E7487
66.7%	66.7% #9B7984	RVB 155 121 132	#9B7984
83.3%	83.3% #A8817E	RVB 168 129 126	#A8817E
100.0%	100.0% #B69C82	RVB 182 156 130	#B69C82

#5E5E66 #6B6673 #7D6D80 #8E7487 #9B7984 #A8817E #B69C82

#5E5E66 - #8E7487 - #B69C82

Codes CSS

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

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