#B6BCBC - #333535 | 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 #B6BCBC a #333535

#B6BCBC #333535

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

#B6BCBC - #333535 | 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 #B6BCBC como 0% y #333535 como 100%.

0.0%	0.0% #B6BCBC	RGB 182 188 188	#B6BCBC
16.7%	16.7% #A0A5A5	RGB 160 165 165	#A0A5A5
33.3%	33.3% #8A8F8F	RGB 138 143 143	#8A8F8F
50.0%	50.0% #747878	RGB 116 120 120	#747878
66.7%	66.7% #5E6262	RGB 94 98 98	#5E6262
83.3%	83.3% #484B4B	RGB 72 75 75	#484B4B
100.0%	100.0% #333535	RGB 51 53 53	#333535

#B6BCBC #A0A5A5 #8A8F8F #747878 #5E6262 #484B4B #333535

#B6BCBC - #333535

Mezcla HSV

#B6BCBC - #333535 | 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 #B6BCBC como 0% y #333535 como 100%.

0.0%	0.0% #B6BCBC	RGB 182 188 188	#B6BCBC
16.7%	16.7% #A0A5A5	RGB 160 165 165	#A0A5A5
33.3%	33.3% #8A8F8F	RGB 138 143 143	#8A8F8F
50.0%	50.0% #747878	RGB 116 120 120	#747878
66.7%	66.7% #5E6262	RGB 94 98 98	#5E6262
83.3%	83.3% #484B4B	RGB 72 75 75	#484B4B
100.0%	100.0% #333535	RGB 51 53 53	#333535

#B6BCBC #A0A5A5 #8A8F8F #747878 #5E6262 #484B4B #333535

#B6BCBC - #747878 - #333535

Códigos CSS

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

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