#5E403C - #D1C8C7 | 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 #5E403C à #D1C8C7

#5E403C #D1C8C7

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

#5E403C - #D1C8C7 | 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 #5E403C 0% et #D1C8C7 100%.

0.0%	0.0% #5E403C	RVB 94 64 60	#5E403C
16.7%	16.7% #715653	RVB 113 86 83	#715653
33.3%	33.3% #846D6A	RVB 132 109 106	#846D6A
50.0%	50.0% #978481	RVB 151 132 129	#978481
66.7%	66.7% #AA9A98	RVB 170 154 152	#AA9A98
83.3%	83.3% #BDB1AF	RVB 189 177 175	#BDB1AF
100.0%	100.0% #D1C8C7	RVB 209 200 199	#D1C8C7

#5E403C #715653 #846D6A #978481 #AA9A98 #BDB1AF #D1C8C7

#5E403C - #D1C8C7

Mélange HSV

#5E403C - #D1C8C7 | 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 #5E403C 0% et #D1C8C7 100%.

0.0%	0.0% #5E403C	RVB 94 64 60	#5E403C
16.7%	16.7% #71524E	RVB 113 82 78	#71524E
33.3%	33.3% #846662	RVB 132 102 98	#846662
50.0%	50.0% #977B78	RVB 151 123 120	#977B78
66.7%	66.7% #AA9390	RVB 170 147 144	#AA9390
83.3%	83.3% #BDACAA	RVB 189 172 170	#BDACAA
100.0%	100.0% #D1C8C7	RVB 209 200 199	#D1C8C7

#5E403C #71524E #846662 #977B78 #AA9390 #BDACAA #D1C8C7

#5E403C - #977B78 - #D1C8C7

Codes CSS

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

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