#FFF8F8 - #484646 | 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 #FFF8F8 a #484646

#FFF8F8 #484646

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

#FFF8F8 - #484646 | 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 #FFF8F8 como 0% y #484646 como 100%.

0.0%	0.0% #FFF8F8	RGB 255 248 248	#FFF8F8
16.7%	16.7% #E0DADA	RGB 224 218 218	#E0DADA
33.3%	33.3% #C2BCBC	RGB 194 188 188	#C2BCBC
50.0%	50.0% #A39F9F	RGB 163 159 159	#A39F9F
66.7%	66.7% #848181	RGB 132 129 129	#848181
83.3%	83.3% #666363	RGB 102 99 99	#666363
100.0%	100.0% #484646	RGB 72 70 70	#484646

#FFF8F8 #E0DADA #C2BCBC #A39F9F #848181 #666363 #484646

#FFF8F8 - #484646

Mezcla HSV

#FFF8F8 - #484646 | 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 #FFF8F8 como 0% y #484646 como 100%.

0.0%	0.0% #FFF8F8	RGB 255 248 248	#FFF8F8
16.7%	16.7% #E0DADA	RGB 224 218 218	#E0DADA
33.3%	33.3% #C2BCBC	RGB 194 188 188	#C2BCBC
50.0%	50.0% #A39E9E	RGB 163 158 158	#A39E9E
66.7%	66.7% #848181	RGB 132 129 129	#848181
83.3%	83.3% #666363	RGB 102 99 99	#666363
100.0%	100.0% #484646	RGB 72 70 70	#484646

#FFF8F8 #E0DADA #C2BCBC #A39E9E #848181 #666363 #484646

#FFF8F8 - #A39E9E - #484646

Códigos CSS

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

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