#848F5E - #DCDFD1 | 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 #848F5E a #DCDFD1

#848F5E #DCDFD1

Calcule el color entre dos colores, #848F5E y #DCDFD1. 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)

#848F5E - #DCDFD1 | 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 #848F5E como 0% y #DCDFD1 como 100%.

0.0%	0.0% #848F5E	RGB 132 143 94	#848F5E
16.7%	16.7% #929C71	RGB 146 156 113	#929C71
33.3%	33.3% #A1A984	RGB 161 169 132	#A1A984
50.0%	50.0% #B0B797	RGB 176 183 151	#B0B797
66.7%	66.7% #BEC4AA	RGB 190 196 170	#BEC4AA
83.3%	83.3% #CDD1BD	RGB 205 209 189	#CDD1BD
100.0%	100.0% #DCDFD1	RGB 220 223 209	#DCDFD1

#848F5E #929C71 #A1A984 #B0B797 #BEC4AA #CDD1BD #DCDFD1

#848F5E - #DCDFD1

Mezcla HSV

#848F5E - #DCDFD1 | 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 #848F5E como 0% y #DCDFD1 como 100%.

0.0%	0.0% #848F5E	RGB 132 143 94	#848F5E
16.7%	16.7% #929C6E	RGB 146 156 110	#929C6E
33.3%	33.3% #A0A97F	RGB 160 169 127	#A0A97F
50.0%	50.0% #AEB791	RGB 174 183 145	#AEB791
66.7%	66.7% #BDC4A5	RGB 189 196 165	#BDC4A5
83.3%	83.3% #CCD1BA	RGB 204 209 186	#CCD1BA
100.0%	100.0% #DCDFD1	RGB 220 223 209	#DCDFD1

#848F5E #929C6E #A0A97F #AEB791 #BDC4A5 #CCD1BA #DCDFD1

#848F5E - #AEB791 - #DCDFD1

Códigos CSS

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

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