#E2D9DA - #B18B8C | 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 #E2D9DA à #B18B8C

#E2D9DA #B18B8C

Calculez la couleur entre deux couleurs, #E2D9DA et #B18B8C. 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)

#E2D9DA - #B18B8C | 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 #E2D9DA 0% et #B18B8C 100%.

0.0%	0.0% #E2D9DA	RVB 226 217 218	#E2D9DA
16.7%	16.7% #D9CCCD	RVB 217 204 205	#D9CCCD
33.3%	33.3% #D1BFC0	RVB 209 191 192	#D1BFC0
50.0%	50.0% #C9B2B3	RVB 201 178 179	#C9B2B3
66.7%	66.7% #C1A5A6	RVB 193 165 166	#C1A5A6
83.3%	83.3% #B99899	RVB 185 152 153	#B99899
100.0%	100.0% #B18B8C	RVB 177 139 140	#B18B8C

#E2D9DA #D9CCCD #D1BFC0 #C9B2B3 #C1A5A6 #B99899 #B18B8C

#E2D9DA - #B18B8C

Mélange HSV

#E2D9DA - #B18B8C | 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 #E2D9DA 0% et #B18B8C 100%.

0.0%	0.0% #E2D9DA	RVB 226 217 218	#E2D9DA
16.7%	16.7% #D9CACC	RVB 217 202 204	#D9CACC
33.3%	33.3% #D1BDBE	RVB 209 189 190	#D1BDBE
50.0%	50.0% #C9AFB1	RVB 201 175 177	#C9AFB1
66.7%	66.7% #C1A3A4	RVB 193 163 164	#C1A3A4
83.3%	83.3% #B99698	RVB 185 150 152	#B99698
100.0%	100.0% #B18B8C	RVB 177 139 140	#B18B8C

#E2D9DA #D9CACC #D1BDBE #C9AFB1 #C1A3A4 #B99698 #B18B8C

#E2D9DA - #C9AFB1 - #B18B8C

Codes CSS

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

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