#8F8F8F - #FDB1BA | 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 #8F8F8F a #FDB1BA

#8F8F8F #FDB1BA

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

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

0.0%	0.0% #8F8F8F	RGB 143 143 143	#8F8F8F
16.7%	16.7% #A19496	RGB 161 148 150	#A19496
33.3%	33.3% #B39A9D	RGB 179 154 157	#B39A9D
50.0%	50.0% #C6A0A4	RGB 198 160 164	#C6A0A4
66.7%	66.7% #D8A5AB	RGB 216 165 171	#D8A5AB
83.3%	83.3% #EAABB2	RGB 234 171 178	#EAABB2
100.0%	100.0% #FDB1BA	RGB 253 177 186	#FDB1BA

#8F8F8F #A19496 #B39A9D #C6A0A4 #D8A5AB #EAABB2 #FDB1BA

#8F8F8F - #FDB1BA

Mezcla HSV

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

0.0%	0.0% #8F8F8F	RGB 143 143 143	#8F8F8F
16.7%	16.7% #A19999	RGB 161 153 153	#A19999
33.3%	33.3% #B3A1A2	RGB 179 161 162	#B3A1A2
50.0%	50.0% #C6A8AA	RGB 198 168 170	#C6A8AA
66.7%	66.7% #D8ADB0	RGB 216 173 176	#D8ADB0
83.3%	83.3% #EAAFB5	RGB 234 175 181	#EAAFB5
100.0%	100.0% #FDB1BA	RGB 253 177 186	#FDB1BA

#8F8F8F #A19999 #B3A1A2 #C6A8AA #D8ADB0 #EAAFB5 #FDB1BA

#8F8F8F - #C6A8AA - #FDB1BA

Códigos CSS

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

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