#BBBCB0 - #353532 | 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 #353532

#BBBCB0 #353532

Calcule el color entre dos colores, #BBBCB0 y #353532. 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 - #353532 | 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 #353532 como 100%.

0.0%	0.0% #BBBCB0	RGB 187 188 176	#BBBCB0
16.7%	16.7% #A4A59B	RGB 164 165 155	#A4A59B
33.3%	33.3% #8E8F86	RGB 142 143 134	#8E8F86
50.0%	50.0% #787871	RGB 120 120 113	#787871
66.7%	66.7% #61625C	RGB 97 98 92	#61625C
83.3%	83.3% #4B4B47	RGB 75 75 71	#4B4B47
100.0%	100.0% #353532	RGB 53 53 50	#353532

#BBBCB0 #A4A59B #8E8F86 #787871 #61625C #4B4B47 #353532

#BBBCB0 - #353532

Mezcla HSV

#BBBCB0 - #353532 | 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 #353532 como 100%.

0.0%	0.0% #BBBCB0	RGB 187 188 176	#BBBCB0
16.7%	16.7% #A4A59B	RGB 164 165 155	#A4A59B
33.3%	33.3% #8E8F86	RGB 142 143 134	#8E8F86
50.0%	50.0% #787871	RGB 120 120 113	#787871
66.7%	66.7% #61625C	RGB 97 98 92	#61625C
83.3%	83.3% #4B4B47	RGB 75 75 71	#4B4B47
100.0%	100.0% #353532	RGB 53 53 50	#353532

#BBBCB0 #A4A59B #8E8F86 #787871 #61625C #4B4B47 #353532

#BBBCB0 - #787871 - #353532

Códigos CSS

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

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