#8C8C8C - #FCBBAE | 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 #8C8C8C a #FCBBAE

#8C8C8C #FCBBAE

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

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

0.0%	0.0% #8C8C8C	RGB 140 140 140	#8C8C8C
16.7%	16.7% #9E9391	RGB 158 147 145	#9E9391
33.3%	33.3% #B19B97	RGB 177 155 151	#B19B97
50.0%	50.0% #C4A39D	RGB 196 163 157	#C4A39D
66.7%	66.7% #D6ABA2	RGB 214 171 162	#D6ABA2
83.3%	83.3% #E9B3A8	RGB 233 179 168	#E9B3A8
100.0%	100.0% #FCBBAE	RGB 252 187 174	#FCBBAE

#8C8C8C #9E9391 #B19B97 #C4A39D #D6ABA2 #E9B3A8 #FCBBAE

#8C8C8C - #FCBBAE

Mezcla HSV

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

0.0%	0.0% #8C8C8C	RGB 140 140 140	#8C8C8C
16.7%	16.7% #9E9696	RGB 158 150 150	#9E9696
33.3%	33.3% #B1A09F	RGB 177 160 159	#B1A09F
50.0%	50.0% #C4A8A5	RGB 196 168 165	#C4A8A5
66.7%	66.7% #D6AFAA	RGB 214 175 170	#D6AFAA
83.3%	83.3% #E9B5AD	RGB 233 181 173	#E9B5AD
100.0%	100.0% #FCBBAE	RGB 252 187 174	#FCBBAE

#8C8C8C #9E9696 #B1A09F #C4A8A5 #D6AFAA #E9B5AD #FCBBAE

#8C8C8C - #C4A8A5 - #FCBBAE

Códigos CSS

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

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