#5E665B - #C0AE7B | 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 #5E665B à #C0AE7B

#5E665B #C0AE7B

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

#5E665B - #C0AE7B | 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 #5E665B 0% et #C0AE7B 100%.

0.0%	0.0% #5E665B	RVB 94 102 91	#5E665B
16.7%	16.7% #6E7260	RVB 110 114 96	#6E7260
33.3%	33.3% #7E7E65	RVB 126 126 101	#7E7E65
50.0%	50.0% #8F8A6B	RVB 143 138 107	#8F8A6B
66.7%	66.7% #9F9670	RVB 159 150 112	#9F9670
83.3%	83.3% #AFA275	RVB 175 162 117	#AFA275
100.0%	100.0% #C0AE7B	RVB 192 174 123	#C0AE7B

#5E665B #6E7260 #7E7E65 #8F8A6B #9F9670 #AFA275 #C0AE7B

#5E665B - #C0AE7B

Mélange HSV

#5E665B - #C0AE7B | 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 #5E665B 0% et #C0AE7B 100%.

0.0%	0.0% #5E665B	RVB 94 102 91	#5E665B
16.7%	16.7% #6B7563	RVB 107 117 99	#6B7563
33.3%	33.3% #79846A	RVB 121 132 106	#79846A
50.0%	50.0% #8A9370	RVB 138 147 112	#8A9370
66.7%	66.7% #9EA275	RVB 158 162 117	#9EA275
83.3%	83.3% #B1AB78	RVB 177 171 120	#B1AB78
100.0%	100.0% #C0AE7B	RVB 192 174 123	#C0AE7B

#5E665B #6B7563 #79846A #8A9370 #9EA275 #B1AB78 #C0AE7B

#5E665B - #8A9370 - #C0AE7B

Codes CSS

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

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