#848675 - #E1CB97 | 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 #848675 a #E1CB97

#848675 #E1CB97

Calcule el color entre dos colores, #848675 y #E1CB97. 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)

#848675 - #E1CB97 | 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 #848675 como 0% y #E1CB97 como 100%.

0.0%	0.0% #848675	RGB 132 134 117	#848675
16.7%	16.7% #93917A	RGB 147 145 122	#93917A
33.3%	33.3% #A39D80	RGB 163 157 128	#A39D80
50.0%	50.0% #B2A886	RGB 178 168 134	#B2A886
66.7%	66.7% #C2B48B	RGB 194 180 139	#C2B48B
83.3%	83.3% #D1BF91	RGB 209 191 145	#D1BF91
100.0%	100.0% #E1CB97	RGB 225 203 151	#E1CB97

#848675 #93917A #A39D80 #B2A886 #C2B48B #D1BF91 #E1CB97

#848675 - #E1CB97

Mezcla HSV

#848675 - #E1CB97 | 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 #848675 como 0% y #E1CB97 como 100%.

0.0%	0.0% #848675	RGB 132 134 117	#848675
16.7%	16.7% #94957D	RGB 148 149 125	#94957D
33.3%	33.3% #A4A384	RGB 164 163 132	#A4A384
50.0%	50.0% #B3AF8A	RGB 179 175 138	#B3AF8A
66.7%	66.7% #C2BA8F	RGB 194 186 143	#C2BA8F
83.3%	83.3% #D1C393	RGB 209 195 147	#D1C393
100.0%	100.0% #E1CB97	RGB 225 203 151	#E1CB97

#848675 #94957D #A4A384 #B3AF8A #C2BA8F #D1C393 #E1CB97

#848675 - #B3AF8A - #E1CB97

Códigos CSS

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

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