#8D5E5E - #DED1D1 | 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 #8D5E5E à #DED1D1

#8D5E5E #DED1D1

Calculez la couleur entre deux couleurs, #8D5E5E et #DED1D1. 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)

#8D5E5E - #DED1D1 | 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 #8D5E5E 0% et #DED1D1 100%.

0.0%	0.0% #8D5E5E	RVB 141 94 94	#8D5E5E
16.7%	16.7% #9A7171	RVB 154 113 113	#9A7171
33.3%	33.3% #A88484	RVB 168 132 132	#A88484
50.0%	50.0% #B59797	RVB 181 151 151	#B59797
66.7%	66.7% #C3AAAA	RVB 195 170 170	#C3AAAA
83.3%	83.3% #D0BDBD	RVB 208 189 189	#D0BDBD
100.0%	100.0% #DED1D1	RVB 222 209 209	#DED1D1

#8D5E5E #9A7171 #A88484 #B59797 #C3AAAA #D0BDBD #DED1D1

#8D5E5E - #DED1D1

Mélange HSV

#8D5E5E - #DED1D1 | 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 #8D5E5E 0% et #DED1D1 100%.

0.0%	0.0% #8D5E5E	RVB 141 94 94	#8D5E5E
16.7%	16.7% #9A6E6E	RVB 154 110 110	#9A6E6E
33.3%	33.3% #A87F7F	RVB 168 127 127	#A87F7F
50.0%	50.0% #B59191	RVB 181 145 145	#B59191
66.7%	66.7% #C3A5A5	RVB 195 165 165	#C3A5A5
83.3%	83.3% #D0BABA	RVB 208 186 186	#D0BABA
100.0%	100.0% #DED1D1	RVB 222 209 209	#DED1D1

#8D5E5E #9A6E6E #A87F7F #B59191 #C3A5A5 #D0BABA #DED1D1

#8D5E5E - #B59191 - #DED1D1

Codes CSS

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

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