#8C8C8C - #FCAED0 | 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 #FCAED0

#8C8C8C #FCAED0

Calcule el color entre dos colores, #8C8C8C y #FCAED0. 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 - #FCAED0 | 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 #FCAED0 como 100%.

0.0%	0.0% #8C8C8C	RGB 140 140 140	#8C8C8C
16.7%	16.7% #9E9197	RGB 158 145 151	#9E9197
33.3%	33.3% #B197A2	RGB 177 151 162	#B197A2
50.0%	50.0% #C49DAE	RGB 196 157 174	#C49DAE
66.7%	66.7% #D6A2B9	RGB 214 162 185	#D6A2B9
83.3%	83.3% #E9A8C4	RGB 233 168 196	#E9A8C4
100.0%	100.0% #FCAED0	RGB 252 174 208	#FCAED0

#8C8C8C #9E9197 #B197A2 #C49DAE #D6A2B9 #E9A8C4 #FCAED0

#8C8C8C - #FCAED0

Mezcla HSV

#8C8C8C - #FCAED0 | 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 #FCAED0 como 100%.

0.0%	0.0% #8C8C8C	RGB 140 140 140	#8C8C8C
16.7%	16.7% #9E9697	RGB 158 150 151	#9E9697
33.3%	33.3% #B19FA1	RGB 177 159 161	#B19FA1
50.0%	50.0% #C4A5AC	RGB 196 165 172	#C4A5AC
66.7%	66.7% #D6AAB7	RGB 214 170 183	#D6AAB7
83.3%	83.3% #E9ADC3	RGB 233 173 195	#E9ADC3
100.0%	100.0% #FCAED0	RGB 252 174 208	#FCAED0

#8C8C8C #9E9697 #B19FA1 #C4A5AC #D6AAB7 #E9ADC3 #FCAED0

#8C8C8C - #C4A5AC - #FCAED0

Códigos CSS

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

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