#5E5136 - #D1CDC5 | 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 #5E5136 à #D1CDC5

#5E5136 #D1CDC5

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

#5E5136 - #D1CDC5 | 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 #5E5136 0% et #D1CDC5 100%.

0.0%	0.0% #5E5136	RVB 94 81 54	#5E5136
16.7%	16.7% #71654D	RVB 113 101 77	#71654D
33.3%	33.3% #847A65	RVB 132 122 101	#847A65
50.0%	50.0% #978F7D	RVB 151 143 125	#978F7D
66.7%	66.7% #AAA395	RVB 170 163 149	#AAA395
83.3%	83.3% #BDB8AD	RVB 189 184 173	#BDB8AD
100.0%	100.0% #D1CDC5	RVB 209 205 197	#D1CDC5

#5E5136 #71654D #847A65 #978F7D #AAA395 #BDB8AD #D1CDC5

#5E5136 - #D1CDC5

Mélange HSV

#5E5136 - #D1CDC5 | 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 #5E5136 0% et #D1CDC5 100%.

0.0%	0.0% #5E5136	RVB 94 81 54	#5E5136
16.7%	16.7% #716347	RVB 113 99 71	#716347
33.3%	33.3% #84775C	RVB 132 119 92	#84775C
50.0%	50.0% #978B72	RVB 151 139 114	#978B72
66.7%	66.7% #AAA08B	RVB 170 160 139	#AAA08B
83.3%	83.3% #BDB6A7	RVB 189 182 167	#BDB6A7
100.0%	100.0% #D1CDC5	RVB 209 205 197	#D1CDC5

#5E5136 #716347 #84775C #978B72 #AAA08B #BDB6A7 #D1CDC5

#5E5136 - #978B72 - #D1CDC5

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5136 0%, #978B72 50%, #D1CDC5 100%);
    background: -webkit-linear-gradient(top, #5E5136 0%, #978B72 50%, #D1CDC5 100%);
    background: linear-gradient(to bottom, #5E5136 0%, #978B72 50%, #D1CDC5 100%);
}
</style>