#8F8D8C - #F7A0A6 | 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 #8F8D8C a #F7A0A6

#8F8D8C #F7A0A6

Calcule el color entre dos colores, #8F8D8C y #F7A0A6. 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)

#8F8D8C - #F7A0A6 | 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 #8F8D8C como 0% y #F7A0A6 como 100%.

0.0%	0.0% #8F8D8C	RGB 143 141 140	#8F8D8C
16.7%	16.7% #A09090	RGB 160 144 144	#A09090
33.3%	33.3% #B19394	RGB 177 147 148	#B19394
50.0%	50.0% #C39699	RGB 195 150 153	#C39699
66.7%	66.7% #D4999D	RGB 212 153 157	#D4999D
83.3%	83.3% #E59CA1	RGB 229 156 161	#E59CA1
100.0%	100.0% #F7A0A6	RGB 247 160 166	#F7A0A6

#8F8D8C #A09090 #B19394 #C39699 #D4999D #E59CA1 #F7A0A6

#8F8D8C - #F7A0A6

Mezcla HSV

#8F8D8C - #F7A0A6 | 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 #8F8D8C como 0% y #F7A0A6 como 100%.

0.0%	0.0% #8F8D8C	RGB 143 141 140	#8F8D8C
16.7%	16.7% #A09794	RGB 160 151 148	#A09794
33.3%	33.3% #B19E9A	RGB 177 158 154	#B19E9A
50.0%	50.0% #C3A39E	RGB 195 163 158	#C3A39E
66.7%	66.7% #D4A4A0	RGB 212 164 160	#D4A4A0
83.3%	83.3% #E5A1A1	RGB 229 161 161	#E5A1A1
100.0%	100.0% #F7A0A6	RGB 247 160 166	#F7A0A6

#8F8D8C #A09794 #B19E9A #C3A39E #D4A4A0 #E5A1A1 #F7A0A6

#8F8D8C - #C3A39E - #F7A0A6

Códigos CSS

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

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