#9B5E4D - #E2D1CC | 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 #9B5E4D à #E2D1CC

#9B5E4D #E2D1CC

Calculez la couleur entre deux couleurs, #9B5E4D et #E2D1CC. 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)

#9B5E4D - #E2D1CC | 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 #9B5E4D 0% et #E2D1CC 100%.

0.0%	0.0% #9B5E4D	RVB 155 94 77	#9B5E4D
16.7%	16.7% #A67162	RVB 166 113 98	#A67162
33.3%	33.3% #B28477	RVB 178 132 119	#B28477
50.0%	50.0% #BE978C	RVB 190 151 140	#BE978C
66.7%	66.7% #CAAAA1	RVB 202 170 161	#CAAAA1
83.3%	83.3% #D6BDB6	RVB 214 189 182	#D6BDB6
100.0%	100.0% #E2D1CC	RVB 226 209 204	#E2D1CC

#9B5E4D #A67162 #B28477 #BE978C #CAAAA1 #D6BDB6 #E2D1CC

#9B5E4D - #E2D1CC

Mélange HSV

#9B5E4D - #E2D1CC | 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 #9B5E4D 0% et #E2D1CC 100%.

0.0%	0.0% #9B5E4D	RVB 155 94 77	#9B5E4D
16.7%	16.7% #A66E5E	RVB 166 110 94	#A66E5E
33.3%	33.3% #B27F70	RVB 178 127 112	#B27F70
50.0%	50.0% #BE9285	RVB 190 146 133	#BE9285
66.7%	66.7% #CAA59B	RVB 202 165 155	#CAA59B
83.3%	83.3% #D6BAB2	RVB 214 186 178	#D6BAB2
100.0%	100.0% #E2D1CC	RVB 226 209 204	#E2D1CC

#9B5E4D #A66E5E #B27F70 #BE9285 #CAA59B #D6BAB2 #E2D1CC

#9B5E4D - #BE9285 - #E2D1CC

Codes CSS

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

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