#8F5E5D - #DFD0D0 | 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 #8F5E5D à #DFD0D0

#8F5E5D #DFD0D0

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

#8F5E5D - #DFD0D0 | 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 #8F5E5D 0% et #DFD0D0 100%.

0.0%	0.0% #8F5E5D	RVB 143 94 93	#8F5E5D
16.7%	16.7% #9C7170	RVB 156 113 112	#9C7170
33.3%	33.3% #A98483	RVB 169 132 131	#A98483
50.0%	50.0% #B79796	RVB 183 151 150	#B79796
66.7%	66.7% #C4AAA9	RVB 196 170 169	#C4AAA9
83.3%	83.3% #D1BDBC	RVB 209 189 188	#D1BDBC
100.0%	100.0% #DFD0D0	RVB 223 208 208	#DFD0D0

#8F5E5D #9C7170 #A98483 #B79796 #C4AAA9 #D1BDBC #DFD0D0

#8F5E5D - #DFD0D0

Mélange HSV

#8F5E5D - #DFD0D0 | 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 #8F5E5D 0% et #DFD0D0 100%.

0.0%	0.0% #8F5E5D	RVB 143 94 93	#8F5E5D
16.7%	16.7% #9C6D6D	RVB 156 109 109	#9C6D6D
33.3%	33.3% #A97E7E	RVB 169 126 126	#A97E7E
50.0%	50.0% #B79190	RVB 183 145 144	#B79190
66.7%	66.7% #C4A4A4	RVB 196 164 164	#C4A4A4
83.3%	83.3% #D1B9B9	RVB 209 185 185	#D1B9B9
100.0%	100.0% #DFD0D0	RVB 223 208 208	#DFD0D0

#8F5E5D #9C6D6D #A97E7E #B79190 #C4A4A4 #D1B9B9 #DFD0D0

#8F5E5D - #B79190 - #DFD0D0

Codes CSS

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

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