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

#8F8C8C #FCBBAE

Calcule el color entre dos colores, #8F8C8C 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)

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

0.0%	0.0% #8F8C8C	RGB 143 140 140	#8F8C8C
16.7%	16.7% #A19391	RGB 161 147 145	#A19391
33.3%	33.3% #B39B97	RGB 179 155 151	#B39B97
50.0%	50.0% #C5A39D	RGB 197 163 157	#C5A39D
66.7%	66.7% #D7ABA2	RGB 215 171 162	#D7ABA2
83.3%	83.3% #E9B3A8	RGB 233 179 168	#E9B3A8
100.0%	100.0% #FCBBAE	RGB 252 187 174	#FCBBAE

#8F8C8C #A19391 #B39B97 #C5A39D #D7ABA2 #E9B3A8 #FCBBAE

#8F8C8C - #FCBBAE

Mezcla HSV

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

0.0%	0.0% #8F8C8C	RGB 143 140 140	#8F8C8C
16.7%	16.7% #A19696	RGB 161 150 150	#A19696
33.3%	33.3% #B39F9E	RGB 179 159 158	#B39F9E
50.0%	50.0% #C5A7A4	RGB 197 167 164	#C5A7A4
66.7%	66.7% #D7AEA9	RGB 215 174 169	#D7AEA9
83.3%	83.3% #E9B5AC	RGB 233 181 172	#E9B5AC
100.0%	100.0% #FCBBAE	RGB 252 187 174	#FCBBAE

#8F8C8C #A19696 #B39F9E #C5A7A4 #D7AEA9 #E9B5AC #FCBBAE

#8F8C8C - #C5A7A4 - #FCBBAE

Códigos CSS

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

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