#BAE5E7 - #EBF7F8 | 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 #BAE5E7 a #EBF7F8

#BAE5E7 #EBF7F8

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

#BAE5E7 - #EBF7F8 | 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 #BAE5E7 como 0% y #EBF7F8 como 100%.

0.0%	0.0% #BAE5E7	RGB 186 229 231	#BAE5E7
16.7%	16.7% #C2E8E9	RGB 194 232 233	#C2E8E9
33.3%	33.3% #CAEBEC	RGB 202 235 236	#CAEBEC
50.0%	50.0% #D2EEEF	RGB 210 238 239	#D2EEEF
66.7%	66.7% #DAF1F2	RGB 218 241 242	#DAF1F2
83.3%	83.3% #E2F4F5	RGB 226 244 245	#E2F4F5
100.0%	100.0% #EBF7F8	RGB 235 247 248	#EBF7F8

#BAE5E7 #C2E8E9 #CAEBEC #D2EEEF #DAF1F2 #E2F4F5 #EBF7F8

#BAE5E7 - #EBF7F8

Mezcla HSV

#BAE5E7 - #EBF7F8 | 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 #BAE5E7 como 0% y #EBF7F8 como 100%.

0.0%	0.0% #BAE5E7	RGB 186 229 231	#BAE5E7
16.7%	16.7% #C1E7E9	RGB 193 231 233	#C1E7E9
33.3%	33.3% #C9EAEC	RGB 201 234 236	#C9EAEC
50.0%	50.0% #D1EDEF	RGB 209 237 239	#D1EDEF
66.7%	66.7% #DAF0F2	RGB 218 240 242	#DAF0F2
83.3%	83.3% #E2F3F5	RGB 226 243 245	#E2F3F5
100.0%	100.0% #EBF7F8	RGB 235 247 248	#EBF7F8

#BAE5E7 #C1E7E9 #C9EAEC #D1EDEF #DAF0F2 #E2F3F5 #EBF7F8

#BAE5E7 - #D1EDEF - #EBF7F8

Códigos CSS

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

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