#BBBCB0 - #7B825A | 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 #BBBCB0 a #7B825A

#BBBCB0 #7B825A

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

#BBBCB0 - #7B825A | 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 #BBBCB0 como 0% y #7B825A como 100%.

0.0%	0.0% #BBBCB0	RGB 187 188 176	#BBBCB0
16.7%	16.7% #B0B2A1	RGB 176 178 161	#B0B2A1
33.3%	33.3% #A5A893	RGB 165 168 147	#A5A893
50.0%	50.0% #9B9F85	RGB 155 159 133	#9B9F85
66.7%	66.7% #909576	RGB 144 149 118	#909576
83.3%	83.3% #858B68	RGB 133 139 104	#858B68
100.0%	100.0% #7B825A	RGB 123 130 90	#7B825A

#BBBCB0 #B0B2A1 #A5A893 #9B9F85 #909576 #858B68 #7B825A

#BBBCB0 - #7B825A

Mezcla HSV

#BBBCB0 - #7B825A | 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 #BBBCB0 como 0% y #7B825A como 100%.

0.0%	0.0% #BBBCB0	RGB 187 188 176	#BBBCB0
16.7%	16.7% #B0B29F	RGB 176 178 159	#B0B29F
33.3%	33.3% #A5A890	RGB 165 168 144	#A5A890
50.0%	50.0% #9B9F81	RGB 155 159 129	#9B9F81
66.7%	66.7% #909573	RGB 144 149 115	#909573
83.3%	83.3% #858B66	RGB 133 139 102	#858B66
100.0%	100.0% #7B825A	RGB 123 130 90	#7B825A

#BBBCB0 #B0B29F #A5A890 #9B9F81 #909573 #858B66 #7B825A

#BBBCB0 - #9B9F81 - #7B825A

Códigos CSS

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

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