#BAE9CF - #EBF8F1 | 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 #BAE9CF a #EBF8F1

#BAE9CF #EBF8F1

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

#BAE9CF - #EBF8F1 | 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 #BAE9CF como 0% y #EBF8F1 como 100%.

0.0%	0.0% #BAE9CF	RGB 186 233 207	#BAE9CF
16.7%	16.7% #C2EBD4	RGB 194 235 212	#C2EBD4
33.3%	33.3% #CAEEDA	RGB 202 238 218	#CAEEDA
50.0%	50.0% #D2F0E0	RGB 210 240 224	#D2F0E0
66.7%	66.7% #DAF3E5	RGB 218 243 229	#DAF3E5
83.3%	83.3% #E2F5EB	RGB 226 245 235	#E2F5EB
100.0%	100.0% #EBF8F1	RGB 235 248 241	#EBF8F1

#BAE9CF #C2EBD4 #CAEEDA #D2F0E0 #DAF3E5 #E2F5EB #EBF8F1

#BAE9CF - #EBF8F1

Mezcla HSV

#BAE9CF - #EBF8F1 | 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 #BAE9CF como 0% y #EBF8F1 como 100%.

0.0%	0.0% #BAE9CF	RGB 186 233 207	#BAE9CF
16.7%	16.7% #C1EBD4	RGB 193 235 212	#C1EBD4
33.3%	33.3% #C9EEDA	RGB 201 238 218	#C9EEDA
50.0%	50.0% #D1F0DF	RGB 209 240 223	#D1F0DF
66.7%	66.7% #DAF3E5	RGB 218 243 229	#DAF3E5
83.3%	83.3% #E2F5EB	RGB 226 245 235	#E2F5EB
100.0%	100.0% #EBF8F1	RGB 235 248 241	#EBF8F1

#BAE9CF #C1EBD4 #C9EEDA #D1F0DF #DAF3E5 #E2F5EB #EBF8F1

#BAE9CF - #D1F0DF - #EBF8F1

Códigos CSS

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

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