#BCB9C0 - #ECEBED | 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 #BCB9C0 a #ECEBED

#BCB9C0 #ECEBED

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

#BCB9C0 - #ECEBED | 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 #BCB9C0 como 0% y #ECEBED como 100%.

0.0%	0.0% #BCB9C0	RGB 188 185 192	#BCB9C0
16.7%	16.7% #C4C1C7	RGB 196 193 199	#C4C1C7
33.3%	33.3% #CCC9CF	RGB 204 201 207	#CCC9CF
50.0%	50.0% #D4D2D6	RGB 212 210 214	#D4D2D6
66.7%	66.7% #DCDADE	RGB 220 218 222	#DCDADE
83.3%	83.3% #E4E2E5	RGB 228 226 229	#E4E2E5
100.0%	100.0% #ECEBED	RGB 236 235 237	#ECEBED

#BCB9C0 #C4C1C7 #CCC9CF #D4D2D6 #DCDADE #E4E2E5 #ECEBED

#BCB9C0 - #ECEBED

Mezcla HSV

#BCB9C0 - #ECEBED | 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 #BCB9C0 como 0% y #ECEBED como 100%.

0.0%	0.0% #BCB9C0	RGB 188 185 192	#BCB9C0
16.7%	16.7% #C3C1C7	RGB 195 193 199	#C3C1C7
33.3%	33.3% #CBC9CF	RGB 203 201 207	#CBC9CF
50.0%	50.0% #D3D1D6	RGB 211 209 214	#D3D1D6
66.7%	66.7% #DBDADE	RGB 219 218 222	#DBDADE
83.3%	83.3% #E3E2E5	RGB 227 226 229	#E3E2E5
100.0%	100.0% #ECEBED	RGB 236 235 237	#ECEBED

#BCB9C0 #C3C1C7 #CBC9CF #D3D1D6 #DBDADE #E3E2E5 #ECEBED

#BCB9C0 - #D3D1D6 - #ECEBED

Códigos CSS

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

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