#BABAC6 - #EBEBEE | 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 #BABAC6 a #EBEBEE

#BABAC6 #EBEBEE

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

#BABAC6 - #EBEBEE | 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 #BABAC6 como 0% y #EBEBEE como 100%.

0.0%	0.0% #BABAC6	RGB 186 186 198	#BABAC6
16.7%	16.7% #C2C2CC	RGB 194 194 204	#C2C2CC
33.3%	33.3% #CACAD3	RGB 202 202 211	#CACAD3
50.0%	50.0% #D2D2DA	RGB 210 210 218	#D2D2DA
66.7%	66.7% #DADAE0	RGB 218 218 224	#DADAE0
83.3%	83.3% #E2E2E7	RGB 226 226 231	#E2E2E7
100.0%	100.0% #EBEBEE	RGB 235 235 238	#EBEBEE

#BABAC6 #C2C2CC #CACAD3 #D2D2DA #DADAE0 #E2E2E7 #EBEBEE

#BABAC6 - #EBEBEE

Mezcla HSV

#BABAC6 - #EBEBEE | 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 #BABAC6 como 0% y #EBEBEE como 100%.

0.0%	0.0% #BABAC6	RGB 186 186 198	#BABAC6
16.7%	16.7% #C1C1CC	RGB 193 193 204	#C1C1CC
33.3%	33.3% #C9C9D3	RGB 201 201 211	#C9C9D3
50.0%	50.0% #D2D2DA	RGB 210 210 218	#D2D2DA
66.7%	66.7% #DADAE0	RGB 218 218 224	#DADAE0
83.3%	83.3% #E2E2E7	RGB 226 226 231	#E2E2E7
100.0%	100.0% #EBEBEE	RGB 235 235 238	#EBEBEE

#BABAC6 #C1C1CC #C9C9D3 #D2D2DA #DADAE0 #E2E2E7 #EBEBEE

#BABAC6 - #D2D2DA - #EBEBEE

Códigos CSS

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

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