#BABEC0 - #CFE8EB | 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 #BABEC0 a #CFE8EB

#BABEC0 #CFE8EB

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

#BABEC0 - #CFE8EB | 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 #BABEC0 como 0% y #CFE8EB como 100%.

0.0%	0.0% #BABEC0	RGB 186 190 192	#BABEC0
16.7%	16.7% #BDC5C7	RGB 189 197 199	#BDC5C7
33.3%	33.3% #C1CCCE	RGB 193 204 206	#C1CCCE
50.0%	50.0% #C4D3D5	RGB 196 211 213	#C4D3D5
66.7%	66.7% #C8DADC	RGB 200 218 220	#C8DADC
83.3%	83.3% #CBE1E3	RGB 203 225 227	#CBE1E3
100.0%	100.0% #CFE8EB	RGB 207 232 235	#CFE8EB

#BABEC0 #BDC5C7 #C1CCCE #C4D3D5 #C8DADC #CBE1E3 #CFE8EB

#BABEC0 - #CFE8EB

Mezcla HSV

#BABEC0 - #CFE8EB | 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 #BABEC0 como 0% y #CFE8EB como 100%.

0.0%	0.0% #BABEC0	RGB 186 190 192	#BABEC0
16.7%	16.7% #BEC4C7	RGB 190 196 199	#BEC4C7
33.3%	33.3% #C1CBCE	RGB 193 203 206	#C1CBCE
50.0%	50.0% #C5D1D5	RGB 197 209 213	#C5D1D5
66.7%	66.7% #C8D9DC	RGB 200 217 220	#C8D9DC
83.3%	83.3% #CCE0E3	RGB 204 224 227	#CCE0E3
100.0%	100.0% #CFE8EB	RGB 207 232 235	#CFE8EB

#BABEC0 #BEC4C7 #C1CBCE #C5D1D5 #C8D9DC #CCE0E3 #CFE8EB

#BABEC0 - #C5D1D5 - #CFE8EB

Códigos CSS

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

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