#B9EACF - #EBF9F1 | 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 #B9EACF a #EBF9F1

#B9EACF #EBF9F1

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

#B9EACF - #EBF9F1 | 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 #B9EACF como 0% y #EBF9F1 como 100%.

0.0%	0.0% #B9EACF	RGB 185 234 207	#B9EACF
16.7%	16.7% #C1ECD4	RGB 193 236 212	#C1ECD4
33.3%	33.3% #C9EFDA	RGB 201 239 218	#C9EFDA
50.0%	50.0% #D2F1E0	RGB 210 241 224	#D2F1E0
66.7%	66.7% #DAF4E5	RGB 218 244 229	#DAF4E5
83.3%	83.3% #E2F6EB	RGB 226 246 235	#E2F6EB
100.0%	100.0% #EBF9F1	RGB 235 249 241	#EBF9F1

#B9EACF #C1ECD4 #C9EFDA #D2F1E0 #DAF4E5 #E2F6EB #EBF9F1

#B9EACF - #EBF9F1

Mezcla HSV

#B9EACF - #EBF9F1 | 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 #B9EACF como 0% y #EBF9F1 como 100%.

0.0%	0.0% #B9EACF	RGB 185 234 207	#B9EACF
16.7%	16.7% #C1ECD4	RGB 193 236 212	#C1ECD4
33.3%	33.3% #C9EFD9	RGB 201 239 217	#C9EFD9
50.0%	50.0% #D1F1DF	RGB 209 241 223	#D1F1DF
66.7%	66.7% #D9F4E5	RGB 217 244 229	#D9F4E5
83.3%	83.3% #E2F6EB	RGB 226 246 235	#E2F6EB
100.0%	100.0% #EBF9F1	RGB 235 249 241	#EBF9F1

#B9EACF #C1ECD4 #C9EFD9 #D1F1DF #D9F4E5 #E2F6EB #EBF9F1

#B9EACF - #D1F1DF - #EBF9F1

Códigos CSS

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

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