#8F9B9F - #DFE2E3 | 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 #8F9B9F a #DFE2E3

#8F9B9F #DFE2E3

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

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

0.0%	0.0% #8F9B9F	RGB 143 155 159	#8F9B9F
16.7%	16.7% #9CA6AA	RGB 156 166 170	#9CA6AA
33.3%	33.3% #A9B2B5	RGB 169 178 181	#A9B2B5
50.0%	50.0% #B7BEC1	RGB 183 190 193	#B7BEC1
66.7%	66.7% #C4CACC	RGB 196 202 204	#C4CACC
83.3%	83.3% #D1D6D7	RGB 209 214 215	#D1D6D7
100.0%	100.0% #DFE2E3	RGB 223 226 227	#DFE2E3

#8F9B9F #9CA6AA #A9B2B5 #B7BEC1 #C4CACC #D1D6D7 #DFE2E3

#8F9B9F - #DFE2E3

Mezcla HSV

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

0.0%	0.0% #8F9B9F	RGB 143 155 159	#8F9B9F
16.7%	16.7% #9BA6AA	RGB 155 166 170	#9BA6AA
33.3%	33.3% #A8B2B5	RGB 168 178 181	#A8B2B5
50.0%	50.0% #B5BEC1	RGB 181 190 193	#B5BEC1
66.7%	66.7% #C3CACC	RGB 195 202 204	#C3CACC
83.3%	83.3% #D0D5D7	RGB 208 213 215	#D0D5D7
100.0%	100.0% #DFE2E3	RGB 223 226 227	#DFE2E3

#8F9B9F #9BA6AA #A8B2B5 #B5BEC1 #C3CACC #D0D5D7 #DFE2E3

#8F9B9F - #B5BEC1 - #DFE2E3

Códigos CSS

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

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