#8F8F8C - #F7CEA0 | 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 #8F8F8C a #F7CEA0

#8F8F8C #F7CEA0

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

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

0.0%	0.0% #8F8F8C	RGB 143 143 140	#8F8F8C
16.7%	16.7% #A0998F	RGB 160 153 143	#A0998F
33.3%	33.3% #B1A492	RGB 177 164 146	#B1A492
50.0%	50.0% #C3AE96	RGB 195 174 150	#C3AE96
66.7%	66.7% #D4B999	RGB 212 185 153	#D4B999
83.3%	83.3% #E5C39C	RGB 229 195 156	#E5C39C
100.0%	100.0% #F7CEA0	RGB 247 206 160	#F7CEA0

#8F8F8C #A0998F #B1A492 #C3AE96 #D4B999 #E5C39C #F7CEA0

#8F8F8C - #F7CEA0

Mezcla HSV

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

0.0%	0.0% #8F8F8C	RGB 143 143 140	#8F8F8C
16.7%	16.7% #A09F94	RGB 160 159 148	#A09F94
33.3%	33.3% #B1AD9A	RGB 177 173 154	#B1AD9A
50.0%	50.0% #C3BA9E	RGB 195 186 158	#C3BA9E
66.7%	66.7% #D4C4A0	RGB 212 196 160	#D4C4A0
83.3%	83.3% #E5CAA1	RGB 229 202 161	#E5CAA1
100.0%	100.0% #F7CEA0	RGB 247 206 160	#F7CEA0

#8F8F8C #A09F94 #B1AD9A #C3BA9E #D4C4A0 #E5CAA1 #F7CEA0

#8F8F8C - #C3BA9E - #F7CEA0

Códigos CSS

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

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