#849C5E - #DBE2D1 | 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 #849C5E à #DBE2D1

#849C5E #DBE2D1

Calculez la couleur entre deux couleurs, #849C5E et #DBE2D1. 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)

#849C5E - #DBE2D1 | 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 #849C5E 0% et #DBE2D1 100%.

0.0%	0.0% #849C5E	RVB 132 156 94	#849C5E
16.7%	16.7% #92A771	RVB 146 167 113	#92A771
33.3%	33.3% #A1B384	RVB 161 179 132	#A1B384
50.0%	50.0% #AFBF97	RVB 175 191 151	#AFBF97
66.7%	66.7% #BECAAA	RVB 190 202 170	#BECAAA
83.3%	83.3% #CCD6BD	RVB 204 214 189	#CCD6BD
100.0%	100.0% #DBE2D1	RVB 219 226 209	#DBE2D1

#849C5E #92A771 #A1B384 #AFBF97 #BECAAA #CCD6BD #DBE2D1

#849C5E - #DBE2D1

Mélange HSV

#849C5E - #DBE2D1 | 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 #849C5E 0% et #DBE2D1 100%.

0.0%	0.0% #849C5E	RVB 132 156 94	#849C5E
16.7%	16.7% #91A76E	RVB 145 167 110	#91A76E
33.3%	33.3% #9EB37F	RVB 158 179 127	#9EB37F
50.0%	50.0% #ACBF91	RVB 172 191 145	#ACBF91
66.7%	66.7% #BBCAA5	RVB 187 202 165	#BBCAA5
83.3%	83.3% #CBD6BA	RVB 203 214 186	#CBD6BA
100.0%	100.0% #DBE2D1	RVB 219 226 209	#DBE2D1

#849C5E #91A76E #9EB37F #ACBF91 #BBCAA5 #CBD6BA #DBE2D1

#849C5E - #ACBF91 - #DBE2D1

Codes CSS

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

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