#5E4D3C - #D1CCC7 | 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 #5E4D3C à #D1CCC7

#5E4D3C #D1CCC7

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

#5E4D3C - #D1CCC7 | 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 #5E4D3C 0% et #D1CCC7 100%.

0.0%	0.0% #5E4D3C	RVB 94 77 60	#5E4D3C
16.7%	16.7% #716253	RVB 113 98 83	#716253
33.3%	33.3% #84776A	RVB 132 119 106	#84776A
50.0%	50.0% #978C81	RVB 151 140 129	#978C81
66.7%	66.7% #AAA198	RVB 170 161 152	#AAA198
83.3%	83.3% #BDB6AF	RVB 189 182 175	#BDB6AF
100.0%	100.0% #D1CCC7	RVB 209 204 199	#D1CCC7

#5E4D3C #716253 #84776A #978C81 #AAA198 #BDB6AF #D1CCC7

#5E4D3C - #D1CCC7

Mélange HSV

#5E4D3C - #D1CCC7 | 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 #5E4D3C 0% et #D1CCC7 100%.

0.0%	0.0% #5E4D3C	RVB 94 77 60	#5E4D3C
16.7%	16.7% #715F4E	RVB 113 95 78	#715F4E
33.3%	33.3% #847362	RVB 132 115 98	#847362
50.0%	50.0% #978778	RVB 151 135 120	#978778
66.7%	66.7% #AA9D90	RVB 170 157 144	#AA9D90
83.3%	83.3% #BDB4AA	RVB 189 180 170	#BDB4AA
100.0%	100.0% #D1CCC7	RVB 209 204 199	#D1CCC7

#5E4D3C #715F4E #847362 #978778 #AA9D90 #BDB4AA #D1CCC7

#5E4D3C - #978778 - #D1CCC7

Codes CSS

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

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