#B9F2D1 - #EBFBF1 | 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 #B9F2D1 a #EBFBF1

#B9F2D1 #EBFBF1

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

#B9F2D1 - #EBFBF1 | 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 #B9F2D1 como 0% y #EBFBF1 como 100%.

0.0%	0.0% #B9F2D1	RGB 185 242 209	#B9F2D1
16.7%	16.7% #C1F3D6	RGB 193 243 214	#C1F3D6
33.3%	33.3% #C9F5DB	RGB 201 245 219	#C9F5DB
50.0%	50.0% #D2F6E1	RGB 210 246 225	#D2F6E1
66.7%	66.7% #DAF8E6	RGB 218 248 230	#DAF8E6
83.3%	83.3% #E2F9EB	RGB 226 249 235	#E2F9EB
100.0%	100.0% #EBFBF1	RGB 235 251 241	#EBFBF1

#B9F2D1 #C1F3D6 #C9F5DB #D2F6E1 #DAF8E6 #E2F9EB #EBFBF1

#B9F2D1 - #EBFBF1

Mezcla HSV

#B9F2D1 - #EBFBF1 | 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 #B9F2D1 como 0% y #EBFBF1 como 100%.

0.0%	0.0% #B9F2D1	RGB 185 242 209	#B9F2D1
16.7%	16.7% #C1F3D5	RGB 193 243 213	#C1F3D5
33.3%	33.3% #C9F5DB	RGB 201 245 219	#C9F5DB
50.0%	50.0% #D1F6E0	RGB 209 246 224	#D1F6E0
66.7%	66.7% #D9F8E5	RGB 217 248 229	#D9F8E5
83.3%	83.3% #E2F9EB	RGB 226 249 235	#E2F9EB
100.0%	100.0% #EBFBF1	RGB 235 251 241	#EBFBF1

#B9F2D1 #C1F3D5 #C9F5DB #D1F6E0 #D9F8E5 #E2F9EB #EBFBF1

#B9F2D1 - #D1F6E0 - #EBFBF1

Códigos CSS

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

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