#B7B8BC - #E3DBC6 | 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 #B7B8BC a #E3DBC6

#B7B8BC #E3DBC6

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

#B7B8BC - #E3DBC6 | 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 #B7B8BC como 0% y #E3DBC6 como 100%.

0.0%	0.0% #B7B8BC	RGB 183 184 188	#B7B8BC
16.7%	16.7% #BEBDBD	RGB 190 189 189	#BEBDBD
33.3%	33.3% #C5C3BF	RGB 197 195 191	#C5C3BF
50.0%	50.0% #CDC9C1	RGB 205 201 193	#CDC9C1
66.7%	66.7% #D4CFC2	RGB 212 207 194	#D4CFC2
83.3%	83.3% #DBD5C4	RGB 219 213 196	#DBD5C4
100.0%	100.0% #E3DBC6	RGB 227 219 198	#E3DBC6

#B7B8BC #BEBDBD #C5C3BF #CDC9C1 #D4CFC2 #DBD5C4 #E3DBC6

#B7B8BC - #E3DBC6

Mezcla HSV

#B7B8BC - #E3DBC6 | 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 #B7B8BC como 0% y #E3DBC6 como 100%.

0.0%	0.0% #B7B8BC	RGB 183 184 188	#B7B8BC
16.7%	16.7% #BCBAC2	RGB 188 186 194	#BCBAC2
33.3%	33.3% #C6BCC9	RGB 198 188 201	#C6BCC9
50.0%	50.0% #CFBFCB	RGB 207 191 203	#CFBFCB
66.7%	66.7% #D6C1C6	RGB 214 193 198	#D6C1C6
83.3%	83.3% #DCC9C4	RGB 220 201 196	#DCC9C4
100.0%	100.0% #E3DBC6	RGB 227 219 198	#E3DBC6

#B7B8BC #BCBAC2 #C6BCC9 #CFBFCB #D6C1C6 #DCC9C4 #E3DBC6

#B7B8BC - #CFBFCB - #E3DBC6

Códigos CSS

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

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