#849C5E - #DBE2D1 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #849C5E a #DBE2D1

#849C5E #DBE2D1

Calcule el color entre dos colores, #849C5E y #DBE2D1. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#849C5E - #DBE2D1 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #849C5E como 0% y #DBE2D1 como 100%.

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

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

#849C5E - #DBE2D1

Mezcla HSV

#849C5E - #DBE2D1 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #849C5E como 0% y #DBE2D1 como 100%.

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

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

#849C5E - #ACBF91 - #DBE2D1

Códigos 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>