#C8BCBC - #EFEBEB | 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 #C8BCBC a #EFEBEB

#C8BCBC #EFEBEB

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

#C8BCBC - #EFEBEB | 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 #C8BCBC como 0% y #EFEBEB como 100%.

0.0%	0.0% #C8BCBC	RGB 200 188 188	#C8BCBC
16.7%	16.7% #CEC3C3	RGB 206 195 195	#CEC3C3
33.3%	33.3% #D5CBCB	RGB 213 203 203	#D5CBCB
50.0%	50.0% #DBD3D3	RGB 219 211 211	#DBD3D3
66.7%	66.7% #E2DBDB	RGB 226 219 219	#E2DBDB
83.3%	83.3% #E8E3E3	RGB 232 227 227	#E8E3E3
100.0%	100.0% #EFEBEB	RGB 239 235 235	#EFEBEB

#C8BCBC #CEC3C3 #D5CBCB #DBD3D3 #E2DBDB #E8E3E3 #EFEBEB

#C8BCBC - #EFEBEB

Mezcla HSV

#C8BCBC - #EFEBEB | 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 #C8BCBC como 0% y #EFEBEB como 100%.

0.0%	0.0% #C8BCBC	RGB 200 188 188	#C8BCBC
16.7%	16.7% #CEC3C3	RGB 206 195 195	#CEC3C3
33.3%	33.3% #D5CBCB	RGB 213 203 203	#D5CBCB
50.0%	50.0% #DBD3D3	RGB 219 211 211	#DBD3D3
66.7%	66.7% #E2DADA	RGB 226 218 218	#E2DADA
83.3%	83.3% #E8E2E2	RGB 232 226 226	#E8E2E2
100.0%	100.0% #EFEBEB	RGB 239 235 235	#EFEBEB

#C8BCBC #CEC3C3 #D5CBCB #DBD3D3 #E2DADA #E8E2E2 #EFEBEB

#C8BCBC - #DBD3D3 - #EFEBEB

Códigos CSS

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

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