#848B5E - #DBDDD1 | 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 #848B5E a #DBDDD1

#848B5E #DBDDD1

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

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

0.0%	0.0% #848B5E	RGB 132 139 94	#848B5E
16.7%	16.7% #929871	RGB 146 152 113	#929871
33.3%	33.3% #A1A684	RGB 161 166 132	#A1A684
50.0%	50.0% #AFB497	RGB 175 180 151	#AFB497
66.7%	66.7% #BEC1AA	RGB 190 193 170	#BEC1AA
83.3%	83.3% #CCCFBD	RGB 204 207 189	#CCCFBD
100.0%	100.0% #DBDDD1	RGB 219 221 209	#DBDDD1

#848B5E #929871 #A1A684 #AFB497 #BEC1AA #CCCFBD #DBDDD1

#848B5E - #DBDDD1

Mezcla HSV

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

0.0%	0.0% #848B5E	RGB 132 139 94	#848B5E
16.7%	16.7% #91986E	RGB 145 152 110	#91986E
33.3%	33.3% #A0A67F	RGB 160 166 127	#A0A67F
50.0%	50.0% #AEB491	RGB 174 180 145	#AEB491
66.7%	66.7% #BDC1A5	RGB 189 193 165	#BDC1A5
83.3%	83.3% #CBCFBA	RGB 203 207 186	#CBCFBA
100.0%	100.0% #DBDDD1	RGB 219 221 209	#DBDDD1

#848B5E #91986E #A0A67F #AEB491 #BDC1A5 #CBCFBA #DBDDD1

#848B5E - #AEB491 - #DBDDD1

Códigos CSS

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

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