#F8F9F8 - #464746 | 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 #F8F9F8 a #464746

#F8F9F8 #464746

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

#F8F9F8 - #464746 | 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 #F8F9F8 como 0% y #464746 como 100%.

0.0%	0.0% #F8F9F8	RGB 248 249 248	#F8F9F8
16.7%	16.7% #DADBDA	RGB 218 219 218	#DADBDA
33.3%	33.3% #BCBDBC	RGB 188 189 188	#BCBDBC
50.0%	50.0% #9FA09F	RGB 159 160 159	#9FA09F
66.7%	66.7% #818281	RGB 129 130 129	#818281
83.3%	83.3% #636463	RGB 99 100 99	#636463
100.0%	100.0% #464746	RGB 70 71 70	#464746

#F8F9F8 #DADBDA #BCBDBC #9FA09F #818281 #636463 #464746

#F8F9F8 - #464746

Mezcla HSV

#F8F9F8 - #464746 | 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 #F8F9F8 como 0% y #464746 como 100%.

0.0%	0.0% #F8F9F8	RGB 248 249 248	#F8F9F8
16.7%	16.7% #DADBDA	RGB 218 219 218	#DADBDA
33.3%	33.3% #BCBDBC	RGB 188 189 188	#BCBDBC
50.0%	50.0% #9EA09E	RGB 158 160 158	#9EA09E
66.7%	66.7% #808280	RGB 128 130 128	#808280
83.3%	83.3% #636463	RGB 99 100 99	#636463
100.0%	100.0% #464746	RGB 70 71 70	#464746

#F8F9F8 #DADBDA #BCBDBC #9EA09E #808280 #636463 #464746

#F8F9F8 - #9EA09E - #464746

Códigos CSS

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

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