#BCBDB1 - #EBECE8 | 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 #BCBDB1 a #EBECE8

#BCBDB1 #EBECE8

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

#BCBDB1 - #EBECE8 | 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 #BCBDB1 como 0% y #EBECE8 como 100%.

0.0%	0.0% #BCBDB1	RGB 188 189 177	#BCBDB1
16.7%	16.7% #C3C4BA	RGB 195 196 186	#C3C4BA
33.3%	33.3% #CBCCC3	RGB 203 204 195	#CBCCC3
50.0%	50.0% #D3D4CC	RGB 211 212 204	#D3D4CC
66.7%	66.7% #DBDCD5	RGB 219 220 213	#DBDCD5
83.3%	83.3% #E3E4DE	RGB 227 228 222	#E3E4DE
100.0%	100.0% #EBECE8	RGB 235 236 232	#EBECE8

#BCBDB1 #C3C4BA #CBCCC3 #D3D4CC #DBDCD5 #E3E4DE #EBECE8

#BCBDB1 - #EBECE8

Mezcla HSV

#BCBDB1 - #EBECE8 | 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 #BCBDB1 como 0% y #EBECE8 como 100%.

0.0%	0.0% #BCBDB1	RGB 188 189 177	#BCBDB1
16.7%	16.7% #C3C4B9	RGB 195 196 185	#C3C4B9
33.3%	33.3% #CBCCC2	RGB 203 204 194	#CBCCC2
50.0%	50.0% #D3D4CB	RGB 211 212 203	#D3D4CB
66.7%	66.7% #DADCD5	RGB 218 220 213	#DADCD5
83.3%	83.3% #E2E4DE	RGB 226 228 222	#E2E4DE
100.0%	100.0% #EBECE8	RGB 235 236 232	#EBECE8

#BCBDB1 #C3C4B9 #CBCCC2 #D3D4CB #DADCD5 #E2E4DE #EBECE8

#BCBDB1 - #D3D4CB - #EBECE8

Códigos CSS

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

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