#5E3E3C - #D1C7C7 | 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 #5E3E3C à #D1C7C7

#5E3E3C #D1C7C7

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

#5E3E3C - #D1C7C7 | 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 #5E3E3C 0% et #D1C7C7 100%.

0.0%	0.0% #5E3E3C	RVB 94 62 60	#5E3E3C
16.7%	16.7% #715453	RVB 113 84 83	#715453
33.3%	33.3% #846B6A	RVB 132 107 106	#846B6A
50.0%	50.0% #978281	RVB 151 130 129	#978281
66.7%	66.7% #AA9998	RVB 170 153 152	#AA9998
83.3%	83.3% #BDB0AF	RVB 189 176 175	#BDB0AF
100.0%	100.0% #D1C7C7	RVB 209 199 199	#D1C7C7

#5E3E3C #715453 #846B6A #978281 #AA9998 #BDB0AF #D1C7C7

#5E3E3C - #D1C7C7

Mélange HSV

#5E3E3C - #D1C7C7 | 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 #5E3E3C 0% et #D1C7C7 100%.

0.0%	0.0% #5E3E3C	RVB 94 62 60	#5E3E3C
16.7%	16.7% #714F4E	RVB 113 79 78	#714F4E
33.3%	33.3% #846362	RVB 132 99 98	#846362
50.0%	50.0% #977978	RVB 151 121 120	#977978
66.7%	66.7% #AA9190	RVB 170 145 144	#AA9190
83.3%	83.3% #BDABAA	RVB 189 171 170	#BDABAA
100.0%	100.0% #D1C7C7	RVB 209 199 199	#D1C7C7

#5E3E3C #714F4E #846362 #977978 #AA9190 #BDABAA #D1C7C7

#5E3E3C - #977978 - #D1C7C7

Codes CSS

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

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