#837B5A - #DBD9CF | 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 #837B5A a #DBD9CF

#837B5A #DBD9CF

Calcule el color entre dos colores, #837B5A y #DBD9CF. 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)

#837B5A - #DBD9CF | 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 #837B5A como 0% y #DBD9CF como 100%.

0.0%	0.0% #837B5A	RGB 131 123 90	#837B5A
16.7%	16.7% #918A6D	RGB 145 138 109	#918A6D
33.3%	33.3% #A09A81	RGB 160 154 129	#A09A81
50.0%	50.0% #AFAA94	RGB 175 170 148	#AFAA94
66.7%	66.7% #BDB9A8	RGB 189 185 168	#BDB9A8
83.3%	83.3% #CCC9BB	RGB 204 201 187	#CCC9BB
100.0%	100.0% #DBD9CF	RGB 219 217 207	#DBD9CF

#837B5A #918A6D #A09A81 #AFAA94 #BDB9A8 #CCC9BB #DBD9CF

#837B5A - #DBD9CF

Mezcla HSV

#837B5A - #DBD9CF | 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 #837B5A como 0% y #DBD9CF como 100%.

0.0%	0.0% #837B5A	RGB 131 123 90	#837B5A
16.7%	16.7% #918A6A	RGB 145 138 106	#918A6A
33.3%	33.3% #A0997B	RGB 160 153 123	#A0997B
50.0%	50.0% #AFA98E	RGB 175 169 142	#AFA98E
66.7%	66.7% #BDB8A2	RGB 189 184 162	#BDB8A2
83.3%	83.3% #CCC8B8	RGB 204 200 184	#CCC8B8
100.0%	100.0% #DBD9CF	RGB 219 217 207	#DBD9CF

#837B5A #918A6A #A0997B #AFA98E #BDB8A2 #CCC8B8 #DBD9CF

#837B5A - #AFA98E - #DBD9CF

Códigos CSS

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

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