#B6B5AF - #8C7A5A | 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 #B6B5AF a #8C7A5A

#B6B5AF #8C7A5A

Calcule el color entre dos colores, #B6B5AF y #8C7A5A. 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)

#B6B5AF - #8C7A5A | 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 #B6B5AF como 0% y #8C7A5A como 100%.

0.0%	0.0% #B6B5AF	RGB 182 181 175	#B6B5AF
16.7%	16.7% #AFABA0	RGB 175 171 160	#AFABA0
33.3%	33.3% #A8A192	RGB 168 161 146	#A8A192
50.0%	50.0% #A19784	RGB 161 151 132	#A19784
66.7%	66.7% #9A8D76	RGB 154 141 118	#9A8D76
83.3%	83.3% #938368	RGB 147 131 104	#938368
100.0%	100.0% #8C7A5A	RGB 140 122 90	#8C7A5A

#B6B5AF #AFABA0 #A8A192 #A19784 #9A8D76 #938368 #8C7A5A

#B6B5AF - #8C7A5A

Mezcla HSV

#B6B5AF - #8C7A5A | 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 #B6B5AF como 0% y #8C7A5A como 100%.

0.0%	0.0% #B6B5AF	RGB 182 181 175	#B6B5AF
16.7%	16.7% #AFAC9E	RGB 175 172 158	#AFAC9E
33.3%	33.3% #A8A28F	RGB 168 162 143	#A8A28F
50.0%	50.0% #A19881	RGB 161 152 129	#A19881
66.7%	66.7% #9A8E73	RGB 154 142 115	#9A8E73
83.3%	83.3% #938466	RGB 147 132 102	#938466
100.0%	100.0% #8C7A5A	RGB 140 122 90	#8C7A5A

#B6B5AF #AFAC9E #A8A28F #A19881 #9A8E73 #938466 #8C7A5A

#B6B5AF - #A19881 - #8C7A5A

Códigos CSS

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

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