#B6B1AF - #836E5E | 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 #B6B1AF a #836E5E

#B6B1AF #836E5E

Calcule el color entre dos colores, #B6B1AF y #836E5E. 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)

#B6B1AF - #836E5E | 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 #B6B1AF como 0% y #836E5E como 100%.

0.0%	0.0% #B6B1AF	RGB 182 177 175	#B6B1AF
16.7%	16.7% #ADA5A1	RGB 173 165 161	#ADA5A1
33.3%	33.3% #A59A94	RGB 165 154 148	#A59A94
50.0%	50.0% #9C8F86	RGB 156 143 134	#9C8F86
66.7%	66.7% #948479	RGB 148 132 121	#948479
83.3%	83.3% #8B796B	RGB 139 121 107	#8B796B
100.0%	100.0% #836E5E	RGB 131 110 94	#836E5E

#B6B1AF #ADA5A1 #A59A94 #9C8F86 #948479 #8B796B #836E5E

#B6B1AF - #836E5E

Mezcla HSV

#B6B1AF - #836E5E | 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 #B6B1AF como 0% y #836E5E como 100%.

0.0%	0.0% #B6B1AF	RGB 182 177 175	#B6B1AF
16.7%	16.7% #ADA49F	RGB 173 164 159	#ADA49F
33.3%	33.3% #A59791	RGB 165 151 145	#A59791
50.0%	50.0% #9C8C83	RGB 156 140 131	#9C8C83
66.7%	66.7% #948176	RGB 148 129 118	#948176
83.3%	83.3% #8B7769	RGB 139 119 105	#8B7769
100.0%	100.0% #836E5E	RGB 131 110 94	#836E5E

#B6B1AF #ADA49F #A59791 #9C8C83 #948176 #8B7769 #836E5E

#B6B1AF - #9C8C83 - #836E5E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6B1AF 0%, #9C8C83 50%, #836E5E 100%);
    background: -webkit-linear-gradient(top, #B6B1AF 0%, #9C8C83 50%, #836E5E 100%);
    background: linear-gradient(to bottom, #B6B1AF 0%, #9C8C83 50%, #836E5E 100%);
}
</style>