#8D9A8C - #E2D39E | 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 #8D9A8C à #E2D39E

#8D9A8C #E2D39E

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

#8D9A8C - #E2D39E | 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 #8D9A8C 0% et #E2D39E 100%.

0.0%	0.0% #8D9A8C	RVB 141 154 140	#8D9A8C
16.7%	16.7% #9BA38F	RVB 155 163 143	#9BA38F
33.3%	33.3% #A9AD92	RVB 169 173 146	#A9AD92
50.0%	50.0% #B7B695	RVB 183 182 149	#B7B695
66.7%	66.7% #C5C098	RVB 197 192 152	#C5C098
83.3%	83.3% #D3C99B	RVB 211 201 155	#D3C99B
100.0%	100.0% #E2D39E	RVB 226 211 158	#E2D39E

#8D9A8C #9BA38F #A9AD92 #B7B695 #C5C098 #D3C99B #E2D39E

#8D9A8C - #E2D39E

Mélange HSV

#8D9A8C - #E2D39E | 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 #8D9A8C 0% et #E2D39E 100%.

0.0%	0.0% #8D9A8C	RVB 141 154 140	#8D9A8C
16.7%	16.7% #96A691	RVB 150 166 145	#96A691
33.3%	33.3% #A2B295	RVB 162 178 149	#A2B295
50.0%	50.0% #B0BE98	RVB 176 190 152	#B0BE98
66.7%	66.7% #C2CA9B	RVB 194 202 155	#C2CA9B
83.3%	83.3% #D6D49D	RVB 214 212 157	#D6D49D
100.0%	100.0% #E2D39E	RVB 226 211 158	#E2D39E

#8D9A8C #96A691 #A2B295 #B0BE98 #C2CA9B #D6D49D #E2D39E

#8D9A8C - #B0BE98 - #E2D39E

Codes CSS

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

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