#BFC0BA - #7D8765 | 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 #BFC0BA a #7D8765

#BFC0BA #7D8765

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

#BFC0BA - #7D8765 | 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 #BFC0BA como 0% y #7D8765 como 100%.

0.0%	0.0% #BFC0BA	RGB 191 192 186	#BFC0BA
16.7%	16.7% #B4B6AB	RGB 180 182 171	#B4B6AB
33.3%	33.3% #A9AD9D	RGB 169 173 157	#A9AD9D
50.0%	50.0% #9EA38F	RGB 158 163 143	#9EA38F
66.7%	66.7% #939A81	RGB 147 154 129	#939A81
83.3%	83.3% #889073	RGB 136 144 115	#889073
100.0%	100.0% #7D8765	RGB 125 135 101	#7D8765

#BFC0BA #B4B6AB #A9AD9D #9EA38F #939A81 #889073 #7D8765

#BFC0BA - #7D8765

Mezcla HSV

#BFC0BA - #7D8765 | 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 #BFC0BA como 0% y #7D8765 como 100%.

0.0%	0.0% #BFC0BA	RGB 191 192 186	#BFC0BA
16.7%	16.7% #B4B6AA	RGB 180 182 170	#B4B6AA
33.3%	33.3% #A9AD9A	RGB 169 173 154	#A9AD9A
50.0%	50.0% #9EA38C	RGB 158 163 140	#9EA38C
66.7%	66.7% #939A7E	RGB 147 154 126	#939A7E
83.3%	83.3% #889071	RGB 136 144 113	#889071
100.0%	100.0% #7D8765	RGB 125 135 101	#7D8765

#BFC0BA #B4B6AA #A9AD9A #9EA38C #939A7E #889071 #7D8765

#BFC0BA - #9EA38C - #7D8765

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BFC0BA 0%, #9EA38C 50%, #7D8765 100%);
    background: -webkit-linear-gradient(top, #BFC0BA 0%, #9EA38C 50%, #7D8765 100%);
    background: linear-gradient(to bottom, #BFC0BA 0%, #9EA38C 50%, #7D8765 100%);
}
</style>