#BAB9AF - #8F7E5A | 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 #BAB9AF a #8F7E5A

#BAB9AF #8F7E5A

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

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

0.0%	0.0% #BAB9AF	RGB 186 185 175	#BAB9AF
16.7%	16.7% #B2AFA0	RGB 178 175 160	#B2AFA0
33.3%	33.3% #ABA592	RGB 171 165 146	#ABA592
50.0%	50.0% #A49B84	RGB 164 155 132	#A49B84
66.7%	66.7% #9D9176	RGB 157 145 118	#9D9176
83.3%	83.3% #968768	RGB 150 135 104	#968768
100.0%	100.0% #8F7E5A	RGB 143 126 90	#8F7E5A

#BAB9AF #B2AFA0 #ABA592 #A49B84 #9D9176 #968768 #8F7E5A

#BAB9AF - #8F7E5A

Mezcla HSV

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

0.0%	0.0% #BAB9AF	RGB 186 185 175	#BAB9AF
16.7%	16.7% #B2B09E	RGB 178 176 158	#B2B09E
33.3%	33.3% #ABA68F	RGB 171 166 143	#ABA68F
50.0%	50.0% #A49D81	RGB 164 157 129	#A49D81
66.7%	66.7% #9D9373	RGB 157 147 115	#9D9373
83.3%	83.3% #968866	RGB 150 136 102	#968866
100.0%	100.0% #8F7E5A	RGB 143 126 90	#8F7E5A

#BAB9AF #B2B09E #ABA68F #A49D81 #9D9373 #968866 #8F7E5A

#BAB9AF - #A49D81 - #8F7E5A

Códigos CSS

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

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