#B7B7A3 - #8B7E4E | 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 #B7B7A3 a #8B7E4E

#B7B7A3 #8B7E4E

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

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

0.0%	0.0% #B7B7A3	RGB 183 183 163	#B7B7A3
16.7%	16.7% #AFAD94	RGB 175 173 148	#AFAD94
33.3%	33.3% #A8A486	RGB 168 164 134	#A8A486
50.0%	50.0% #A19A78	RGB 161 154 120	#A19A78
66.7%	66.7% #99916A	RGB 153 145 106	#99916A
83.3%	83.3% #92875C	RGB 146 135 92	#92875C
100.0%	100.0% #8B7E4E	RGB 139 126 78	#8B7E4E

#B7B7A3 #AFAD94 #A8A486 #A19A78 #99916A #92875C #8B7E4E

#B7B7A3 - #8B7E4E

Mezcla HSV

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

0.0%	0.0% #B7B7A3	RGB 183 183 163	#B7B7A3
16.7%	16.7% #AFAE92	RGB 175 174 146	#AFAE92
33.3%	33.3% #A8A583	RGB 168 165 131	#A8A583
50.0%	50.0% #A19C74	RGB 161 156 116	#A19C74
66.7%	66.7% #999267	RGB 153 146 103	#999267
83.3%	83.3% #92885A	RGB 146 136 90	#92885A
100.0%	100.0% #8B7E4E	RGB 139 126 78	#8B7E4E

#B7B7A3 #AFAE92 #A8A583 #A19C74 #999267 #92885A #8B7E4E

#B7B7A3 - #A19C74 - #8B7E4E

Códigos CSS

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

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