#BAC4C5 - #EBEEEE | 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 #BAC4C5 a #EBEEEE

#BAC4C5 #EBEEEE

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

#BAC4C5 - #EBEEEE | 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 #BAC4C5 como 0% y #EBEEEE como 100%.

0.0%	0.0% #BAC4C5	RGB 186 196 197	#BAC4C5
16.7%	16.7% #C2CBCB	RGB 194 203 203	#C2CBCB
33.3%	33.3% #CAD2D2	RGB 202 210 210	#CAD2D2
50.0%	50.0% #D2D9D9	RGB 210 217 217	#D2D9D9
66.7%	66.7% #DAE0E0	RGB 218 224 224	#DAE0E0
83.3%	83.3% #E2E7E7	RGB 226 231 231	#E2E7E7
100.0%	100.0% #EBEEEE	RGB 235 238 238	#EBEEEE

#BAC4C5 #C2CBCB #CAD2D2 #D2D9D9 #DAE0E0 #E2E7E7 #EBEEEE

#BAC4C5 - #EBEEEE

Mezcla HSV

#BAC4C5 - #EBEEEE | 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 #BAC4C5 como 0% y #EBEEEE como 100%.

0.0%	0.0% #BAC4C5	RGB 186 196 197	#BAC4C5
16.7%	16.7% #C1CBCB	RGB 193 203 203	#C1CBCB
33.3%	33.3% #C9D2D2	RGB 201 210 210	#C9D2D2
50.0%	50.0% #D2D9D9	RGB 210 217 217	#D2D9D9
66.7%	66.7% #DAE0E0	RGB 218 224 224	#DAE0E0
83.3%	83.3% #E2E7E7	RGB 226 231 231	#E2E7E7
100.0%	100.0% #EBEEEE	RGB 235 238 238	#EBEEEE

#BAC4C5 #C1CBCB #C9D2D2 #D2D9D9 #DAE0E0 #E2E7E7 #EBEEEE

#BAC4C5 - #D2D9D9 - #EBEEEE

Códigos CSS

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

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