#BDBBBC - #ECEBEB | 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 #BDBBBC a #ECEBEB

#BDBBBC #ECEBEB

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

#BDBBBC - #ECEBEB | 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 #BDBBBC como 0% y #ECEBEB como 100%.

0.0%	0.0% #BDBBBC	RGB 189 187 188	#BDBBBC
16.7%	16.7% #C4C3C3	RGB 196 195 195	#C4C3C3
33.3%	33.3% #CCCBCB	RGB 204 203 203	#CCCBCB
50.0%	50.0% #D4D3D3	RGB 212 211 211	#D4D3D3
66.7%	66.7% #DCDBDB	RGB 220 219 219	#DCDBDB
83.3%	83.3% #E4E3E3	RGB 228 227 227	#E4E3E3
100.0%	100.0% #ECEBEB	RGB 236 235 235	#ECEBEB

#BDBBBC #C4C3C3 #CCCBCB #D4D3D3 #DCDBDB #E4E3E3 #ECEBEB

#BDBBBC - #ECEBEB

Mezcla HSV

#BDBBBC - #ECEBEB | 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 #BDBBBC como 0% y #ECEBEB como 100%.

0.0%	0.0% #BDBBBC	RGB 189 187 188	#BDBBBC
16.7%	16.7% #C4C2C3	RGB 196 194 195	#C4C2C3
33.3%	33.3% #CCCACB	RGB 204 202 203	#CCCACB
50.0%	50.0% #D4D2D3	RGB 212 210 211	#D4D2D3
66.7%	66.7% #DCDADB	RGB 220 218 219	#DCDADB
83.3%	83.3% #E4E2E3	RGB 228 226 227	#E4E2E3
100.0%	100.0% #ECEBEB	RGB 236 235 235	#ECEBEB

#BDBBBC #C4C2C3 #CCCACB #D4D2D3 #DCDADB #E4E2E3 #ECEBEB

#BDBBBC - #D4D2D3 - #ECEBEB

Códigos CSS

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

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