#F9FFFB - #B5EFCE | 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 #F9FFFB a #B5EFCE

#F9FFFB #B5EFCE

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

#F9FFFB - #B5EFCE | 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 #F9FFFB como 0% y #B5EFCE como 100%.

0.0%	0.0% #F9FFFB	RGB 249 255 251	#F9FFFB
16.7%	16.7% #EDFCF3	RGB 237 252 243	#EDFCF3
33.3%	33.3% #E2F9EC	RGB 226 249 236	#E2F9EC
50.0%	50.0% #D7F7E4	RGB 215 247 228	#D7F7E4
66.7%	66.7% #CBF4DD	RGB 203 244 221	#CBF4DD
83.3%	83.3% #C0F1D5	RGB 192 241 213	#C0F1D5
100.0%	100.0% #B5EFCE	RGB 181 239 206	#B5EFCE

#F9FFFB #EDFCF3 #E2F9EC #D7F7E4 #CBF4DD #C0F1D5 #B5EFCE

#F9FFFB - #B5EFCE

Mezcla HSV

#F9FFFB - #B5EFCE | 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 #F9FFFB como 0% y #B5EFCE como 100%.

0.0%	0.0% #F9FFFB	RGB 249 255 251	#F9FFFB
16.7%	16.7% #EDFCF2	RGB 237 252 242	#EDFCF2
33.3%	33.3% #E1F9EA	RGB 225 249 234	#E1F9EA
50.0%	50.0% #D6F7E2	RGB 214 247 226	#D6F7E2
66.7%	66.7% #CAF4DB	RGB 202 244 219	#CAF4DB
83.3%	83.3% #BFF1D4	RGB 191 241 212	#BFF1D4
100.0%	100.0% #B5EFCE	RGB 181 239 206	#B5EFCE

#F9FFFB #EDFCF2 #E1F9EA #D6F7E2 #CAF4DB #BFF1D4 #B5EFCE

#F9FFFB - #D6F7E2 - #B5EFCE

Códigos CSS

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

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